Cookiebot Google Tag Manager implementeren

Je kunt Cookiebot met Google Tag Manager (GTM) op je website implementeren met deze stap-voor-stap instructies.

Google Tag Manager (GTM) kan ook samenwerken met de automatische cookie blokkering van Cookiebot. Als je automatische cookie blokkering wilt gebruiken, volg dan de stappen in het artikel. Het artikel heet: Google Tag Manager en automatische cookie blokkering.

In de volgende stappen laten we je zien hoe je:

1. De cookie consent banner implementeert
2. Hoe je de tags aanpast die cookies plaatsen
3. De cookieverklaring op een pagina kan weergeven

We gaan ervan uit dat je al een Tag Manager account hebt. Je hebt een websitecontainer gemaakt in GTM. Ook heb je de GTM-code op je website geplaatst. Meer informatie over hoe je Tag manager kunt implementeren onder aan de pagina.

1. Cookiebot Google Tag Manager implementeren.

In de Tag Manager container klik je links op “Templates”. Daarna klik je bij “Tag Templates” op de knop “Search Gallery”.

In het zoekveld vul je Cookiebot in, en vervolgens kies je het template “Cookiebot CMP”:

Klik vervolgens op de knop “Toevoegen aan werkruimte”. Je ziet een waarschuwing. Hiermee geef je Cookiebot toestemming om het script aan je website toe te voegen. Klik op “Toevoegen”.

Maak nu een nieuwe Tag door te klikken op “Tags” en vervolgens op “New”. Klik op “Tag configuratie”. Dan verschijnt het scherm “Kies tagtype”. Onder “Aangepast” staat de tag “Cookiebot CMP”. Kies deze tag.

Cookiebot Tag permissions in Tag Manager

Vul de code in het veld “Je Cookiebot Domein Groep ID” in. Deze code vind je in de tab “Je scripts” in je Cookiebot manager. Dit ziet er ongeveer zo uit: 00000000-0000-0000-0000-000000000000, de nullen zijn in plaats daarvan cijfers (0-9) en letters.

Kies vervolgens bij triggering de trigger “Consent initialization – All pages”. Geef de tag een naam, zoals “Cookiebot CMP”. Klik daarna op opslaan. Je scherm ziet er nu zo uit:

NB. Zorg ervoor dat je domeinnaam(en) van je website(s) staan geregistreerd in je Cookiebot account. (Zie ook De cookiebanner en cookieverklaring implementeren)

De standaard waarden van Google Consent Mode V2 definiëren

Onder het inklapbare configuratie onderdeel “Default Consent State” kun je instellen welke categorieen cookies standaard gezet mogen worden. De standaard instelling staat op denied, in lijn met de AVG / GDPR wetgeving welke voorafgaande toestemming vereist. Hiervoor hoef je dus niets aan te passen.

Alleen als je specifiek voor een regio een andere standaard waarde voor consent mode wilt instellen kun je dit hier wijzigen, dit zier er dan in het voorbeeld voor regiu US-CA zo uit:

GTM ondersteunt standaard zeven verschillende toestemmingssoorten. Deze zijn automatisch gekoppeld aan de vier categorieën die Cookiebot gebruikt. Hieronder tref je aan hoe Cookiebot Google Tag Manager consent types zijn gekoppeld.

De categorie ‘noodzakelijk’ (toegewezen aan toestemmingstype security_storage) is standaard ingesteld op ‘Toestaan’ en kan niet worden geconfigureerd, omdat hiervoor geen toestemming vereist is.

2. Google Tag Manager tags aanpassen die cookies plaatsen

Google Tag Manager heeft verschillende functies die samenwerken met Cookiebot. Ze helpen je om de tags goed in te stellen. Zo reageren de tags op de keuzes van de gebruiker in de toestemmingsbanner.

Een aantal Tags hebben ingebouwde ondersteuning om met de consent keuze (toestemming) om te gaan. Google Ads, Analytics, Floodlight en Conversion Linker passen zich automatisch aan. Dit gebeurt op basis van de toestemming van de gebruiker. Voor deze tags is geen aparte consent configuratie nodig*. Dit heet ook wel Google Advanced Consent Mode

Als een tag geen standaard ondersteuning voor toestemming heeft, kun je dit zelf eenvoudig toevoegen. Volg de stappen die hieronder staan. Als een gebruiker geen toestemming geeft, werkt de tag niet. Dit geldt voor het specifieke type toestemming dat je hebt gekozen. Pas op het moment dat toestemming is gegeven wordt deze tag uitgevoerd.
Google noemt dit Basic Consent Mode

* Belangrijk: tags met ingebouwde consent mode kunnen, ongeacht toestemming, gegevens naar Google verzenden zonder expliciete toestemming van de bezoeker. Als je hier zorgen over hebt, is het raadzaam om tags met ingebouwde toestemming ook met aanvullende toestemming te configureren. Op die manier laadt de tag niet voordat toestemming is verkregen.

2.1 Extra Consent instellen voor een Tag.

1. In je Google Tag Manager container maak je onderstaande trigger welke je gaat gebruiken in je GTM configuratie:

Event Name: cookie_consent_update
Event Type: Custom Event
Fires On: All Custom Events

Je trigger ziet er dan als volgt uit:

2. Voor tags die niet consent mode hebben ingebouwd en die cookies plaatsen moet worden ingesteld welke Consent er gegeven moet zijn voordat ze de tag wordt ingeladen. Dit doe je door bij “Tag configuration” de “Consent settings” aan te passen naar “require additional consent for tag to fire”. Hieronder geef je vervolgens aan welke types consent benodigd is.

Zie hieronder een voorbeeld waarbij “ad_storage” gevraagd wordt:

3. Om ervoor te zorgen dat de tags worden afgevuurd zodra Consent is gegeven voorzie je deze tag van de zojuist gemaakte trigger cookie_consent_update in plaats van bijvoorbeeld de trigger “All pages”. Zie voorbeeld:

Zijn er meer voorwaarden nodig dan kun je deze voorwaarden samen met de trigger cookie_consent_update bundelen in een trigger groep. (https://support.google.com/tagmanager/answer/9164222?hl=en)

4. Om een compleet overzicht van de consent instellingen voor al je tags te krijgen kun je “Consent overview” instellen in je container instellingen. (https://support.google.com/tagmanager/answer/10718549#consent-overview)

Als je Cookiebot via GTM implementeert, kan Cookiebot ook tags blokkeren of laden. Dit geldt voor tags die niet door GTM worden geplaatst. Dit zijn tags die direct in je website template staan. Bekijk hiervoor het artikel Handmatig voorafgaande toestemming instellen

3. Implementeren van de Cookiebot cookieverklaring

Dit script wordt ingevoegd in de html van de pagina in jouw website waar jouw cookieverklaring moet worden weergegeven. Heb je die niet, dan maak je hiervoor een nieuwe pagina aan. Vervang hier de onderstaande groene code door de code die je van ons ontvangen hebt of uit de cookiemanager (het onderste script) haalt:

<html>
<head>
...
</head>
<body>
<h1>Cookie verklaring</h1>
<script id="CookiePolicy" src="https://consent.cookiebot.com/00000000-0000-0000-0000-000000000000/cd.js" type="text/javascript" async></script>
</body>
</html>

De scripts kan je ook laten implementeren door je webbouwer. Stuur hem/haar de scripts en bovenstaande informatie door.

Google Tag Manager installeren: https://support.google.com/tagmanager/answer/6103696