Google Tag Manager en automatische cookieblokkering

Laatst bijgewerkt opfebruari 3, 2023

Je kunt Google Tag manager gebruiken in combinatie met automatische cookieblokkering. Implementatie is eenvoudig en stelt je in staat:

Tags en cookies te controleren en plaatsen op basis van de gebruikerstoestemming door middel van triggers en Consent Mode in Google Tag Manager EN
Cookiebot alle overige cookies op je website die niet door GTM geplaast worden automatisch te blokkeren of toe te staan, op basis van de gebruikerstoestemming

Om beide systemen op een juiste manier samen te laten werken dient het cookiebot script NIET uitgevoerd te worden door Google Tag Manager. Maak je al gebruik van GTM met Cookiebot verwijder dan de Cookiebot CMP tag of de “All pages” trigger. Bovendien:

Zorg ervoor dat Google Tag Manager het eerst geladen script is op je website.
Voeg aan je Google Tag Manager script op je website de volgende tag toe: data-cookieconsent=“ignore”
Dit zorgt ervoor dat GTM altijd geladen mag worden op je website.
Voeg het Cookiebot script met automatische cookieblokkering toe aan je website, direct na het Google Tag Manager script.

Het zou er ongeveer zo uit zien:

<html>
<head>
<title>GTM en automatische cookieblokkering</title>
<link rel="stylesheet" type="text/css" href="style.css">

!-- Google Tag Manager -->
<script data-cookieconsent="ignore">
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
<!-- End Google Tag Manager -->

<script id="CookieConsent" src="https://consent.cookiebot.com/uc.js" 
 data-cbid="00000000-0000-0000-0000-000000000000" type="text/javascript" data-blockingmode="auto"></script>
.....
</head>

...
<body>

In het geval dat je de dataLayer hebt hernoemd moet je de data-layer-name attribute aan de Cookiebot script tag toevoegen, met de nieuwe naam als waarde.
Bijvoorbeeld: data-layer-name=”gtmDataLayer”.

Een aantal Tags hebben ingebouwde ondersteuning om met de consent keuze (toestemming) om te gaan. Google Ads, Analytics, Flodlight en Conversion Linker bevatten logica welke zich automatisch aanpast op basis van de door de gebruiker gegeven toestemming. Voor deze tags adviseren wij gebruik te maken van Google Consent Mode. Dit doe je door onderstaan script in je pagina te plaatsen net voor het Google Tag Manager script in je header:

<script data-cookieconsent="ignore">
    window.dataLayer = window.dataLayer || [];
    function gtag() {
        dataLayer.push(arguments);
    }
    gtag("consent", "default", {
        ad_storage: "denied",
        analytics_storage: "denied",
        functionality_storage: "denied",
        personalization_storage: "denied",
        security_storage: "granted",
        wait_for_update: 500,
    });
    gtag("set", "ads_data_redaction", true);
    gtag("set", "url_passthrough", true);
</script>

Het is belangrijk dat het script laad voor het Google Tag Manager script, anders zullen de instructies voor blokkering van scripts te laat gegeven worden. Mocht je de naam van de dataLayer hebben aangepast dan moet dit ook in dit script worden aangepast.

Hoe je de tags aanpast die cookies plaatsen

Google Tag Manager heeft een aantal mogelijkheden welke samenwerken met Cookiebot om je te helpen om de tags in te regelen zodate deze op de juiste manier reageren aan de hand van de gebruiker’s keuzen in de Consent banner.

Een aantal Tags hebben ingebouwde ondersteuning om met de consent keuze (toestemming) om te gaan. Google Ads, Analytics, Flodlight en Conversion Linker bevatten logica welke zich automatisch aanpast op basis van de door de gebruiker gegeven toestemming. Voor deze tags is geen aparte consent configuratie nodig.

Als een tag geen standaard ondersteuning biedt voor consent dan kun je deze zelf gemakkelijk toevoegen op de hieronder beschreven manier. Als een gebruiker geen consent geeft op het specifieke consent type welke je hebt geselecteerd voor deze tag dan zal de tag niet worden uitgevoerd.

1. In je GTM 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)

Dit script wordt ingevoegd in de html van de pagina 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.

Uiteraard kan je Google Tag Manager ook gebruiken met handmatige cookieblokkering. Gebruik het script voor handmatige cookieblokkering en volg onze handleiding voor GTM.