Elke week kijken we naar een site met een cookiebanner, een privacybeleid en een trotse "voldoet aan de AVG"-badge in de footer. Dan openen we de ontwikkelaarstools van de browser en zien we Google Analytics afgaan voordat iemand ergens op geklikt heeft. De banner is versiering. De tracking heeft nooit op het antwoord gewacht.
Dit is geen juridisch artikel en ik ben geen jurist. Het is de praktische controle die we op elke site doen voordat hij live gaat, geschreven zodat je hem zelf kunt uitvoeren.
Waarom de banner alleen niet telt
Volgens de AVG en de Spaanse LSSI hebben analytische en marketingcookies toestemming nodig voordat ze geplaatst worden. Niet daarna, en niet "stilzwijgend door door te scrollen". Een banner die verschijnt terwijl GA4 al aan het laden is, heeft de vraag gesteld nadat hij het antwoord al had ingevuld.
De reden is meestal simpel: de banner is als plugin toegevoegd, de tags zijn in Google Tag Manager gezet en niemand heeft die twee aan elkaar geknoopt. GTM vuurt af bij het laden van de pagina, tenzij je hem zegt te wachten.
De controle van twee minuten
- Open je site in een incognitovenster, zodat er geen eerdere toestemming onthouden is.
- Druk op
F12(ofCmd+Option+Iop een Mac) en open het tabblad Netwerk. - Typ in het filtervak
google. - Ververs de pagina. Raak de banner niet aan.
- Kijk naar de lijst.
Zie je verzoeken naar google-analytics.com of googletagmanager.com/gtag voordat je ergens op geklikt hebt, dan track je zonder toestemming. Dat is de hele test. Alles hieronder gaat over het oplossen ervan.
De oplossing, in Tag Manager
Twee dingen moeten kloppen. Ten eerste moet GTM weten wat de bezoeker gekozen heeft. Ten tweede moet elke tag de opdracht hebben daarop te wachten.
1. Zet een standaardtoestemming, nog voor al het andere
Consent Mode v2 van Google verwacht op elke pagina een standaardstatus, gezet voordat de GTM-container laadt. Alles geweigerd, en daarna bijwerken zodra de bezoeker antwoordt:
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('consent', 'default', {
analytics_storage: 'denied',
ad_storage: 'denied',
ad_user_data: 'denied',
ad_personalization: 'denied',
wait_for_update: 500
});
Je banner roept daarna gtag('consent','update', …) aan met 'granted' voor wat de bezoeker geaccepteerd heeft. De meeste fatsoenlijke toestemmingstools doen dit voor je zodra je de Google-integratie aanzet. Controleer of die aanstaat.
2. Zet een voorwaarde op de tags
Open in GTM elke tag, klap Toestemmingsinstellingen uit en voeg het type toe dat de tag nodig heeft: analytics_storage voor GA4, ad_storage voor advertenties en pixels. Een tag met een voorwaarde vuurt pas af als die toestemming er is.
3. Verwijder het noscript-iframe
Het installatiefragment van GTM bestaat uit twee delen. Het tweede is een <noscript><iframe>-blok in de body en dat kun je niet aan toestemming koppelen. Het laadt de container voor iedereen met JavaScript uit, en dat is tegenwoordig bijna niemand behalve wat bots. Haal het weg. Er gaat niets kapot waar je om geeft.
En doe de controle daarna opnieuw. Incognito, tabblad Netwerk, filter "google", verversen, nergens op klikken. De lijst hoort leeg te zijn tot je accepteert. Is dat niet zo, dan vuurt er nog iets buiten GTM om af: een plugin, een instelling in het thema, een handmatig geplaatst script. Zoek het op en laat het via GTM lopen of haal het weg.
Wat WordPress-plugins fout doen
- Vooraf aangevinkte vakjes. Toestemming moet een handeling zijn. Een al aangevinkt "ik ga akkoord" is geen toestemming, en een banner met alleen een knop "Accepteren" ook niet.
- "Weigeren" twee klikken diep verstopt. Weigeren moet net zo makkelijk zijn als accepteren. Zelfde scherm, zelfde gewicht.
- De banner blokkeert wel, het thema niet. Thema's die YouTube, Google Maps of lettertypen van Google insluiten, laden die rechtstreeks. De banner ziet ze niet eens.
Checklist voor de livegang
- De standaardtoestemming staat op geweigerd, vóór het GTM-fragment
- Elke GA4-, Ads- en pixeltag heeft een toestemmingsvoorwaarde in GTM
- Het noscript-iframe is uit de template verwijderd
- Netwerktest in incognito: niets naar Google voordat je accepteert
- Weigeren kost één klik, op hetzelfde scherm als accepteren
- Het cookiebeleid noemt wat er echt draait, geen standaardlijst
Als je één ding onthoudt
- De banner is de vraag. De toestemmingsinstellingen in GTM zijn het antwoord. Allebei moeten ze er zijn.
- Het tabblad Netwerk liegt niet. Test het voor de livegang en na elke plugin-update.
- Verwijder het noscript-iframe. Dat is het lek dat we het vaakst vinden.
Wil je liever dat iemand anders dit doet: het zit bij elke website die we bouwen en we kunnen het ook op een bestaande site doen voor een vaste prijs. Plan het gesprek en we vertellen wat we gevonden hebben voordat je iets betaalt.
Builds websites and the systems behind them for small businesses in Spain and the Netherlands. Writes down the things clients ask twice.
