Ga naar hoofdcontent
Terug naar blog
Handleiding·8 min lezen

CookieGenie installeren via Google Tag Manager (stap-voor-stap)

Wil je CookieGenie netjes via Google Tag Manager laden, met Consent Mode-koppeling voor GA4 en marketing-tags? Met onze eigen GTM-template ben je in 10 minuten klaar. Inclusief download van het kant-en-klare sjabloon.

GTMConsent

CookieGenie is onze eigen cookie-banner: AVG-proof, automatische scan op nieuwe scripts, en gemaakt om netjes samen te werken met Google Tag Manager (GTM). In plaats van de banner-code los in je site te plakken, laad je hem via GTM en koppel je hem direct aan Google Consent Mode v2. Daarmee blokkeer je standaard alle tracking-tags totdat de bezoeker toestemming geeft, precies zoals de AVG (en sinds 2024 ook Google zelf) verlangt.

Om dit zo eenvoudig mogelijk te maken hebben we een eigen GTM-sjabloon gebouwd: de CookieGenie Cookie Consent Manager. Je importeert het sjabloon één keer, vult je script-URL in, en klaar. Deze handleiding loopt je er stap-voor-stap doorheen.

Tijd: 10 tot 15 minuten. Vereist: Een actieve CookieGenie-banner, een Google Tag Manager-container die al op je website staat, en publish-rechten in GTM.

Heb je GTM nog niet draaien?

Begin daar dan eerst mee. We hebben een aparte handleiding: Hoe maak ik Google Tag Manager aan?. Zonder GTM op je site werkt deze koppeling niet.

Hosting Compleet- of Groei Compleet-klant? Wij installeren CookieGenie + GTM standaard voor je. Je hoeft deze handleiding niet zelf te volgen, een mailtje volstaat. Stuur ons een berichtje met je container-ID en domein.

Stap 1, Download het CookieGenie-sjabloon

Klik op de link hieronder om ons GTM-sjabloon te downloaden. Dit is een klein .tpl-tekstbestand dat je zo in GTM importeert.

Download cookiegenie-gtm-template.tpl

Bewaar het bestand ergens waar je het straks weer terugvindt (bv. je downloads-map). Open het niet, GTM leest het zelf in.

Stap 2, Importeer het sjabloon in GTM

  1. Log in op tagmanager.google.com en open je container.
  2. In de linkerbalk: Sjablonen (Templates).
  3. Onder Tagsjablonen klik je op Nieuw.
  4. Rechtsboven open je het menu (drie puntjes) en kies Importeren.
  5. Selecteer het zojuist gedownloade cookiegenie-gtm-template.tpl.
  6. Accepteer de voorwaarden van Google's Community Template Gallery.
  7. Klik Opslaan (rechtsboven).

Je ziet nu CookieGenie Cookie Consent Manager terug in je lijst tagsjablonen, met GraphicGenie als merk.

Stap 3, Haal je Cookie Script URL op

  1. Log in op je CookieGenie-account.
  2. Open de banner die je voor deze website hebt aangemaakt.
  3. Ga naar Installatie (of "Add to my website").
  4. Kopieer de script-URL. Dit is een URL die eindigt op .js.

Plak hem alvast in een leeg notitie-tabblad, je hebt hem zo nodig.

Geen banner aangemaakt? Maak hem eerst in CookieGenie aan: kies je categorieën (analytics, marketing, voorkeuren), kies een design en sla op. Pas daarna kun je de script-URL kopiëren.

Stap 4, Maak een nieuwe tag op basis van het sjabloon

  1. In GTM ga je naar Tags > Nieuw.
  2. Klik op het tag-icoon (Tagconfiguratie).
  3. Onder Aangepast zie je nu CookieGenie Cookie Consent Manager staan, klik erop.
  4. Plak je script-URL in het veld Cookie Script URL.
  5. Laat de checkboxen onder Other Settings voorlopig uit staan (zie stap 7 voor de uitzonderingen).

Stap 5, Stel de juiste trigger in

CookieGenie moet als eerste laden, vóórdat andere tags consent kunnen lezen. Daarom gebruiken we een speciale trigger:

  1. Klik op het bliksem-icoon (Triggering).
  2. Kies Toestemmingsinitialisatie - alle pagina's (in het Engels: Consent Initialization - All Pages).
  3. Geef de tag een naam, bv. CookieGenie - Consent Manager.
  4. Opslaan.

Belangrijk: gebruik níet "All Pages" of "DOM Ready". Alleen Toestemmingsinitialisatie zorgt dat de tag vroeg genoeg afvuurt om Consent Mode correct te initialiseren.

Stap 6, Test in voorbeeld-modus

  1. Klik rechtsboven op Voorbeeld (Preview).
  2. Vul je site-URL in en klik Connect.
  3. Op je site verschijnt de CookieGenie-banner.
  4. In het Tag Assistant-paneel onderin zie je:
    • CookieGenie - Consent Manager heeft afgevuurd op Consent Initialization.
    • Onder Consent staan alle types (ad_storage, analytics_storage, etc.) op Denied.
  5. Klik in de banner op Accepteren. In Tag Assistant zie je nu een nieuw event: wpcc_consent_update. De consent-types staan nu op Granted.

Werkt dit? Top, je integratie staat. Werkt het niet? Zie de veelgestelde vragen onderaan.

Stap 7, Stel je andere tags zo in dat ze op consent wachten

Vanaf nu moeten je tracking-tags pas afvuren als de juiste toestemming binnen is. Dat doe je op twee plekken:

A. Per tag de "Aanvullende toestemmingsinstellingen" goed zetten

Open elke tracking-tag (bv. je GA4-configuratie) en open onderaan Geavanceerde instellingen > Aanvullende toestemmingsinstellingen:

  • GA4-tags: kies "Geen aanvullende toestemming vereist". GA4 heeft built-in consent checks en respecteert analytics_storage automatisch.
  • Custom HTML / pixel-tags zonder ingebouwde consent (zoals Meta Pixel, LinkedIn Insight, oudere conversie-snippets): kies "Aanvullende toestemming vereist" en vink het juiste consent-type aan:
    • Marketing-tags → ad_storage + ad_user_data + ad_personalization
    • Analytics-tags → analytics_storage
    • Voorkeuren / personalisatie → personalization_storage

B. Consent-update trigger toevoegen (optioneel maar handig)

Standaard vuurt een tag één keer af bij paginaweergave. Als de bezoeker daarná pas op "Accepteren" klikt, mist die tag de eerste pageview. Voor Analytics-tags is dat geen probleem (Google handelt dit met consent update af), maar voor sommige marketing-pixels wil je opnieuw kunnen vuren:

  1. Maak een nieuwe trigger: Triggers > Nieuw.
  2. Type: Aangepast event.
  3. Eventnaam: wpcc_consent_update (let op: zonder "d" aan het eind, dit is wat ons sjabloon naar de dataLayer pusht).
  4. Trigger op: Alle aangepaste events.
  5. Naam: Consent Update.
  6. Opslaan.

Voeg deze trigger toe aan tags die opnieuw moeten vuren bij een consent-wijziging. Zet bij die tags Triggeropties voor activeren (Tag Firing Options) op Eén keer per gebeurtenis zodat de tag niet door dubbele triggers blokkeert.

Stap 8, Publiceer je container

  1. Rechtsboven: Verzenden.
  2. Geef de versie een naam, bv. v.X - CookieGenie via GTM.
  3. Publiceren.

Vanaf dat moment is CookieGenie live op alle pagina's, en respecteren je tags de toestemming.

Optie: Microsoft Ads (UET) consent mode aanzetten

Werk je met Microsoft Advertising / Bing Ads? Dan ondersteunt onze template ook Microsoft Consent Mode. Dit zorgt dat de UET-tag dezelfde consent-keuze respecteert als Google.

  1. Open je CookieGenie - Consent Manager tag in GTM.
  2. Klap Other Settings open.
  3. Vink Enable Microsoft consent mode aan.
  4. Opslaan en opnieuw publiceren.

Geen Microsoft Ads? Laat dit uit, dan voorkom je onnodige scripts.

Optie: De banner buiten GTM blijven gebruiken

Heb je het CookieGenie-script al rechtstreeks in je site staan (bv. via WordPress-plugin of een tag in de <head>)? Dan wil je niet dat GTM hem nog een keer laadt. In dat geval:

  1. Open je CookieGenie - Consent Manager tag.
  2. Klap Other Settings open.
  3. Vink Disable automation cookie consent script injection aan.

De template regelt dan alleen de Consent Mode-koppeling, het script zelf laadt op je site zoals voorheen. Aanrader voor de meeste klanten: laat hem uit en laat GTM het script laden, dan staat alles op één plek.

Veelgestelde vragen

De banner verschijnt niet, wat nu?expand_more

Check of je script-URL klopt door hem te openen in een incognito-tabblad, je moet dan JavaScript-code zien. Controleer ook of je GTM-snippet zelf actief is met Google Tag Assistant. Als de container wel laadt maar de banner niet verschijnt, is de tag waarschijnlijk niet gekoppeld aan de Consent Initialization-trigger uit stap 5.

Mijn tags vuren niet meer af na de installatie. Hoe los ik dit op?expand_more

Dat is goed nieuws: Consent Mode werkt. Klik in je banner op Accepteren en check of de tags daarna alsnog afvuren. Verschijnt het event wpcc_consent_update in Tag Assistant? Dan is de consent-koppeling correct, en moet je per tag de aanvullende toestemmingsinstellingen uit stap 7A doorlopen om de juiste consent-types te koppelen.

GA4 verzamelt niets meer in real-time. Wat moet ik doen?expand_more

Open je GA4-tag, ga naar Geavanceerde instellingen > Toestemmingsinstellingen en zet hem op Geen aanvullende toestemming vereist. GA4 lost de consent intern op via Consent Mode v2 en heeft geen extra consent-check in GTM nodig.

Ik zie twee cookie-banners tegelijk. Hoe los ik dat op?expand_more

Je hebt het CookieGenie-script én via GTM én rechtstreeks op je site staan. Kies één van de twee: óf verwijder het script uit je site en laat GTM het laden, óf vink in GTM Disable automation cookie consent script injection aan. We raden de eerste aan zodat alles op één plek staat.

Werkt CookieGenie met Google Consent Mode v2?expand_more

Ja. Onze GTM-template zet bij elke pagelaad direct de juiste default consent-state (alles denied behalve functionality_storage en security_storage) en update die zodra de bezoeker een keuze maakt in de banner. Dat is precies wat Consent Mode v2 vraagt sinds maart 2024.

Moet ik het oude CookieGenie-script uit mijn site halen als ik de GTM-template gebruik?expand_more

Ja, anders laad je de banner twee keer en zie je twee pop-ups. Verwijder eerst het losse script uit je site (of de plugin-instelling), publiceer dan de nieuwe GTM-versie. Wil je het script per se in de site houden (bv. omdat een plugin het automatisch plaatst), vink dan in GTM Disable automation cookie consent script injection aan zodat onze template de banner niet ook injecteert.

Vervolgstappen

CookieGenie staat netjes via GTM gekoppeld. Mogelijke vervolgstappen:

Liever uitbesteden?

Al klant bij ons? Stuur ons je GTM-container-ID en je CookieGenie-banner. Wij importeren het sjabloon, koppelen Consent Mode v2, lopen je bestaande tags na (GA4, Ads, Meta) en publiceren een nieuwe GTM-versie. Geen extra kosten, klaar dezelfde dag.

Nog geen klant? In Groei Compleet richten wij de volledige tracking-stack in: GTM, GA4, Search Console, conversies én CookieGenie met Consent Mode-koppeling. We controleren maandelijks of alles nog netjes werkt, ook als je marketing of je site verandert. Daarmee voorkom je dat één verkeerde checkbox maandenlang dubbele of missende data oplevert.

Meer lezen

·6 min

Hoe maak ik een Google Bedrijfspagina aan? (stap-voor-stap handleiding)

€34,50/mnd
·7 min

Wat kost website onderhoud per maand? (en wat hoort erin?)

https://bedrijf.nl.nl domeinhosting
·7 min

Wat is het verschil tussen hosting en een domein?