Gratis cookiebanner – TJDA
Zo installeer en gebruik je de Custom CookieConsent banner met Google Tag Manager (Consent Mode V2)
Wil je zonder dure CMP tóch netjes met toestemming en Consent Mode werken? Met deze gratis Custom CookieConsent banner (TJDA) zet je in een paar stappen een solide, privacy-vriendelijke basis neer. In deze handleiding loop je er stap-voor-stap doorheen: importeren in Google Tag Manager (GTM), je domein instellen, consent per tag regelen en een eenvoudige cookie-overzichtspagina maken.
Wat heb je nodig?
- Toegang tot je website en Google Tag Manager
- De importfile (GTM-container): GTM importbestand
Stap 1 — Installeer Google Tag Manager (als je ‘m nog niet hebt)
Heb je nog geen GTM op je site? Maak een container aan, plaats de GTM-snippet in je <head> en <body> en publiceer. GTM vormt de basis waarop de cookiebanner en consent-logica draaien.
Stap 2 — Importeer de GTM-container (Merge met bestaande omgeving)
- Ga in GTM naar Admin → Import Container.
- Upload de importfile uit de map hierboven.
- Kies je bestaande workspace.
- Selecteer Merge (samenvoegen) met je bestaande container.
- Controleer de voorgestelde wijzigingen en bevestig.
Na het importeren zie je o.a.:
- Tag: “Custom Cookie_Consent banner – Thijs Joosten” (de banner zelf)
- Twee Simo Ahava-tags die het consent-antwoord vanuit de banner vertalen naar GTM-leesbare consentwaarden. Hierdoor werkt Consent Mode automatisch voor alle tags die consent standaard kunnen uitlezen.
Stap 3 — Pas het domein in de bannercode aan
Je hoeft maar twee dingen te wijzigen in de tag “Custom Cookie_Consent banner – Thijs Joosten”:
- Domein in de code
Vervang .tj-da.com door jouw eigen domein (bijv. .jouwdomein.nl).
Belangrijk: laat het punt (.) aan het begin staan. Dat zorgt dat de cookie op alle subdomeinen werkt. - Domein in de (gouden) commentaarregel erboven
In de opvallende toelichtingsregel bovenin kun je tj-da.com eveneens vervangen door je eigen domein, zodat de documentatie in je container klopt.
Klaar? Opslaan en Preview starten om te testen.
Stap 4 — Stel consent in voor tags zónder ingebouwde consent
Sommige tags (bijv. custom HTML of oudere templates) lezen consent niet automatisch. Zet daarom de consent-vereisten handmatig:
- Ga in GTM naar Admin → Container Settings en vink Enable consent overview aan.
- Ga terug naar Tags. Klik op het schild-icoon bij een tag om de consentvereisten te bekijken/instellen.
- Geef per tag aan welke consentcategorie nodig is (bijv. analytics, ads, etc.).
- Sla op.
Zo voorkom je dat tags zonder ingebouwde consent toch vóór toestemming worden afgevuurd.
Stap 5 — Laat je pageview/pixel-tags afgaan op de juiste triggers
Zorg dat je basis-tags (bijv. pageview-pixels) correct reageren op consent:
- Trigger “Consent Initialization”
Deze speciale trigger zorgt dat consentstatus vroeg inlaadt. - Trigger “Simo consent Update”
Hiermee reageren je tags op een wijziging van de gebruiker (toestemming gegeven of aangepast).
Koppel je pageView/pixel-tags aan beide zodat ze alleen afvuren in lijn met de actuele consentstatus.
Tip testen: Gebruik Preview/Tag Assistant. Controleer of de consentstatus in de dataLayer en in de Consent Overview overeenkomt met de keuze in de banner.
Stap 6 — Maak een eenvoudige cookie-overzichtspagina
Officieel hoort je site een pagina te hebben met de cookies en hun categorieën. Dat kan simpel:
- Maak een pagina /cookies en link ernaar vanuit je footer.
- Plaats een tabel met twee kolommen:
- Cookie Domain
- Category
- Cookie Domain
- Vul de tabel door op je site in de browser op het slot-/info-icoon in de adresbalk te klikken → Cookies en sitegegevens → Sitegegevens op apparaat beheren (terminologie kan per browser/versie iets afwijken).
- Noteer de cookies die je site laadt (niet die van je eigen extensies) en zet ze in de juiste categorie.
Klaar! 🎉
Je draait nu een gratis, custom cookiebanner die samenwerkt met Google’s Consent Mode V2.
- De banner registreert de keuze van de gebruiker.
- Simo Ahava’s tags vertalen die keuze naar GTM-consentwaarden.
- Tags met ingebouwde consent volgen automatisch; voor de rest stel je het eenmalig handmatig in.
- Bezoekers vinden een helder cookieoverzicht op je eigen pagina.
Veelgestelde mini-check
- Banner zichtbaar? Preview aan en controleer of de bannertag afvuurt.
- Domein goed gezet? Staat je cookie op .jouwdomein.nl (met punt)?
- Tags vuren correct? Kijk in Consent Overview en in Tag Assistant of tags pas afgaan na toestemming.
- Pixels dubbel? Koppel pageview/pixels aan de twee triggers uit Stap 5 en voorkom losse “All Pages” triggers die te vroeg vuren.
Let op (geen juridisch advies): Deze gids helpt je technisch op weg met consent en GTM. Controleer altijd of je instellingen, teksten en categorie-indeling voldoen aan de privacywetgeving en richtlijnen van jouw organisatie/jurisdictie.
Heb je feedback of wil je dat we meekijken? Laat het weten—dan optimaliseren we je setup samen. ✅
