Google Tag Manager deployment

1. Implementing the cookie consent banner in GTM

2. Controlling cookies

Example: Google Analytics

In this example, we will show you how to implement and control Google Analytics Universal (GAU) with Cookiebot in GTM, so that GAU will only set cookies if the visitor has accepted statistic cookies.

Google Analytics Universal is now enabled on your website and in compliance with the consents of your visitors.

Controlling cookies with multiple triggers 

While the approach above is efficient when using only one trigger on a tag, you need a different approach when controlling cookies on tags with multiple triggers.

In GTM, a tag will fire if any of the triggers on a tag evaluate to true. Since we want the tag to fire only when the existing trigger and the relevant cookie consent event both evaluate to true, you must add a condition to the existing trigger instead of adding the cookie consent trigger to the tag itself. Trigger conditions must all evaluate to true in order for the trigger to fire. 

The values of the cookie consent trigger condition to add are: Event - equals - cookieconsent_marketing  

Replace "cookieconsent_marketing" with  "cookieconsent_preferences"  or  "cookieconsent_statistics", depending on the type of cookies set by the tag.

Example on adding a cookie consent condition to an existing trigger: 

If your trigger is of a different type than "Custom Event", eg. "Click - Just Links", you will not be able to define a trigger condition based on an Event as illustrated above. In this case you need to define a new "User-Defined Variable" of type "Custom JavaScript" for each category of cookies. 

Example:

Create a user-defined variable and name it "Cookiebot.consent.marketing". In the field "Custom Javascript", enter the following snippet:

 

function()
{
  return Cookiebot.consent.marketing.toString()
}

 

Repeat these steps to create a variable for "preferences" and "statistics"-cookies as well by replacing "marketing" in the above variable name and Javascript.

 

Now go back to your trigger configuration and add a new condition referring to one or more of the above variables, e.g. "Cookiebot.consent.marketing" - contains - true

 

Please note: If your existing trigger is of the event type "Page View", you need to change it to event type "Window Loaded" since the visitor's consent is not available to GTM before the window has loaded.

3. Implementing the cookie declaration

If you want to display the cookie declaration for your website in full length on a specific subpage, e.g. on a separate cookie declaration page or as part of your privacy policy, GTM can inject the declaration in real-time into an empty HTML placeholder element on the subpage, identified by attribute "id" or a classname.

First you need to create a new trigger with the path to the page in question, e.g. "/privacypolicy". 

From the Triggers list, click "New" and select "Page View" as type on the "Choose trigger type" pane.

Select "Some Page Views" and define this condition for the trigger to fire:

url path - equals  - /privacypolicy

Click "Save" to create the trigger.

This is what your trigger configuration should look like (except the final url path):

 

 

From the Tags list create a new "Custom HTML Tag". In the field "HTML" copy/paste the snippet below and replace the Cookiebot serial "00000000-0000-0000-0000-000000000000" with your own serial as described earlier. Also make sure that the variable "contentPlaceholder" is set to the correct HTML element on your page, i.e. by renaming the element id "bodycontent" to the id of your own placeholder element.

<script>
var contentPlaceholder = document.getElementById("bodycontent");
var cookieDeclarationScript = document.createElement("script");
cookieDeclarationScript.type = "text/javascript";
cookieDeclarationScript.id = "CookieDeclaration";
cookieDeclarationScript.src = "https://consent.cookiebot.com/00000000-0000-0000-0000-000000000000/cd.js";
contentPlaceholder.appendChild(cookieDeclarationScript);
</script>

Under the "Triggering" section, select the trigger you have just created. Click "Save" to create the tag.

This is what your tag configuration should look like (except for the value of the serial):

 

Finally, click "Publish" to push your changes live to your site.
 

The cookie declaration will now display at the path you have defined above.

 

 

For instructions on how to make the cookie banner change language depending on which (language) part of your website a visitor navigates, please see Multilingual support when using GTM.