Start Google Tag Manager.
Near the left edge of the page, click Variables.
In the User-Defined Variables area, click New.
Near the upper left corner of the Variable Configuration box, edit the variable name so it reads cookieAccepted.
Near the upper right corner of the Variable Configuration box, click Edit (pencil icon).
Click Data Layer Variable.
In the Data Layer Variable Name box, type the name cookieAccepted.
Near the upper right corner of the page, click Save.
On the Variables page, confirm that there is a new data layer variable called "cookieAccepted."
Near the left edge of the page, click Tags.
Near the upper right corner of the Tags box, click New.
Near the upper left corner of the Tag Configuration area edit the variable name so it reads Watcher.
Near the upper right corner of the Tag Configuration area, click Edit (pencil icon).
On the Choose tag type panel, scroill down to the Custom area and choose Custom HTML.
In the HTML area, paste the following code snippet:
<script>
window.addEventListener('message', function (ev) {
if (ev.data.message==='consent_given') {
console.log(ev.data.consentStatuses);
ev.data.consentStatuses&&Object.keys(ev.data.consentStatuses).forEach(function (category) {
if (ev.data.consentStatuses[category]) {
dataLayer.push({
'event': 'userPrefUpdate',
'cookieAccepted': category
})
}
})
}
})
</script>Near the upper right corner of the Triggering area, click Edit (pencil icon).
Near the upper right corner of the Choose a Trigger panel, click +.
Near the upper left corner of the panel, edit the trigger name so it reads Watcher Trigger.
Near the upper right corner of the Trigger Configuration area, click Edit (pencil icon).
On the Choose trigger type panel, choose DOM Ready.
Near the upper right corner of the trigger panel, click Save.
Near the upper right corner of the tag panel, click Save.
In Google Tag Manager, near the left edge of the page choose Triggers.
Near the upper right corner of the Triggers list, click New.
Near the upper left corner of the trigger panel, edit the trigger name so it reads <cookie category name> Trigger, for example "Advertising Trigger."
Near the upper right corner of the Trigger Configuration area, click Edit (pencil icon).
On the Choose trigger type panel, scroll down to the Other area and click Custom Event.
In the Event Name box, type userPrefUpdate.
Mark the checkbox for Use regex matching.
Mark the radio button for Some Custom Events.
| cookieAccepted | matches RegEx (ignore case) | <cookie_category> |
Near the upper right corner of the trigger configuration panel, click Save.
Repeat the procedure for each of the remaining cookie categories.
In Google Tag Manager, near the left edge of the page choose Tags.
From the tags list, choose a tag that manages a category of cookies, for example Advertising.
On the panel for the tag, near the upper right corner of the Triggering area click Edit.
On the Choose a Trigger panel, choose the corresponding tag you created in the procedure Create cookie category triggers.
On the tab panel, click Save.
Repeat the procedure for the remaining cookie categories.
Products
Solutions
Tools
Others
Videos
Resources
Company
Terms
