Google Consent Mode: Met Google Tag Manager (GTM) kun je het proces van tagconfiguratie vereenvoudigen door vooraf geconfigureerde templates te gebruiken die speciaal voor jouw GTM-configuratie zijn gemaakt.
In de GTM-galerij kun je kiezen uit een bibliotheek met templates die je eenvoudig aan je installatie kunt toevoegen.
⏰ Weinig tijd? Ga direct naar Aan de slag!
Google Tag Manager (GTM) is een krachtige tool die wordt gebruikt voor het efficiënt beheren van website-trackingcodes, ook wel GTM-tags genoemd. Maar wat is GTM en hoe kun je het in je voordeel gebruiken?
GTM staat voor Google Tag Manager, een gratis tool van Google. GTM-tags zijn stukjes code die verschillende doelen dienen, zoals het verzamelen van gegevens en het faciliteren van communicatie tussen je website of app en externe analyse- en marketingplatforms.
Google Tag Manager wordt voornamelijk gebruikt voor het vereenvoudigen en centraliseren van het beheer van deze tags op je website of app. Handmatig code invoeren is niet meer nodig, waardoor het proces wordt gestroomlijnd en de kans op fouten afneemt. Het is een veelzijdige tool waarmee je tags efficiënter kunt beheren en inzetten.
Deze gids legt specifiek uit hoe je de Google Consent Mode kunt integreren met het iubenda-template voor de Privacy Controls and Cookie Solution. Als je er echter de voorkeur aan geeft om de Google Consent Mode in te stellen zonder de template te gebruiken, kun je deze gids volgen.
Als je het blokkeren van cookies en trackers wilt vereenvoudigen met behulp van Google Tag Manager in combinatie met de functie voor automatische blokkering, is het belangrijk om te weten dat het gerelateerde fragment niet rechtstreeks via GTM kan worden geladen. Je kunt echter nog steeds de volgende gids raadplegen om het blokkeren van cookies te stroomlijnen met GTM.
Door de Google Tag Manager-template te gebruiken, kun je de volgende taken automatiseren:
Eerst moet je een GTM-account aanmaken en een container instellen.
Vervolgens moet je het GTM-fragment in de <head>-sectie van je website plakken.
Uiteindelijk kom je bij het GTM-dashboard.
Klik in het dashboard op Nieuwe tag toevoegen.
Klik vervolgens op het tagconfiguratiegedeelte, selecteer “Ontdek meer tagtypes in de Community Template Gallery”, klik op het vergrootglaspictogram en zoek: iubenda
Selecteer “iubenda Privacy Controls and Cookie Solution” en klik op “Toevoegen aan werkruimte” om deze toe te voegen aan je GTM-installatie.
Voordat je de sjabloon instelt, moet je deze importeren. Dat doe je zo:
Eenmaal terug in het dashboard klik je op Nieuwe tag toevoegen.
Klik vervolgens op het Tag-configuratiegebied, scrol naar beneden naar het gedeelte Aangepast en klik op iubenda Privacy Controls and Cookie Solution om deze toe te voegen aan je GTM-installatie.
Zodra je de template hebt toegevoegd, kom je op de configuratiepagina van de Tag.
Hier moet je:
De standaardinstellingen staan allemaal op Denied
om de privacy van je gebruikers zo goed mogelijk te beschermen.
We raden aan om uiterst voorzichtig te zijn met het wijzigen van dergelijke parameters om ervoor te zorgen dat ze in overeenstemming zijn met de best practices voor het verkrijgen van toestemming van gebruikers door middel van een actieve handeling.
Voor meer informatie over toestemmingstypen kun je hier de officiële documentatie van Google bekijken.
ad_storage
op denied
staat (targeting- en advertentiedoelen). Het kan worden gebruikt om gebeurtenis- en sessie-gebaseerde analyses (inclusief conversies) zonder cookies over pagina’s te verzenden. ad_storage
op denied
staat.Je kunt de officiële Google Tags-documentatie raadplegen voor meer informatie over deze parameters.
Er zijn nu twee hoofdopties voor automatisch invoegen voor het integreren van de Privacy Controls and Cookie Solution in Google Tag Manager (GTM):
Daarnaast is handmatig insluiten nog steeds beschikbaar als alternatief.
Als configuratie op afstand is ingeschakeld, gebruikt de methode het geünificeerde knipsel. Met deze optie kun je de instellingen van de Privacy Controls and Cookie Solution op afstand beheren. Dit betekent dat updates en wijzigingen in de Privacy Controls and Cookie Solution automatisch worden toegepast op je website zonder dat je het knipsel opnieuw hoeft in te voegen en opnieuw hoeft te publiceren in GTM.
embeds.iubenda.com/widgets/[sitecode].js
in het GTM template Embedding URL vak. Zorg ervoor dat je aan het begin https://
toevoegt om de volledige URL op te nemen.
⚠️ Belangrijk:
Zoals je misschien ziet, is de code die je moet plakken voor de unified snippet iets anders dan de code op je iubenda embedding pagina.
Hier is een voorbeeld van de onderdelen die je niet in het configuratievak moet plakken (doorgestreept):
‹script type="text/javascript"src="//embeds.iubenda.com/widgets/[site-code].
js"></script>
Deze methode gebruikt het uitgebreide knipsel en wordt gebruikt als configuratie op afstand niet is ingeschakeld. Updates voor de Privacy Controls and Cookie Solution vereisen handmatige updates in GTM wanneer wijzigingen worden aangebracht in de configuratie van de Privacy Controls and Cookie Solution.
var _iub = _iub || [];
en binnen de _iub.csConfiguration = {...}
in het GTM CS configuratievak.⚠️ Belangrijk:
Zoals je misschien ziet, is de code die je moet plakken voor de uitgebreide snippet iets anders dan de code op je iubenda embedding pagina.
Hier is een voorbeeld van de onderdelen die je niet in het configuratievak moet plakken (doorgestreept):
<script type="text/javascript">
var _iub = _iub || [];
_iub.csConfiguration = {}
{
{"ccpaAcknowledgeOnDisplay":true,
"ccpaAcknowledgeOnLoad": true,
"ccpaAppliesToEntireUSA":true,
"consentOnContinuedBrowsing": false,
"countryDetection": true,
"enableCcpa":true,
"gdprAppliesGlobally": false,
"lang":"it",
"perPurposeConsent": true,
"siteId": 2398592.
"whitelabel":false,
"cookiePolicyId": 55062451.
"banner": {
"acceptButtonDisplay": true,
"backgroundColor":"#FF0000",
"closeButtonDisplay":false,
"customizeButtonDisplay": true,
"logo":null,
"position": "float-top-center",
"rejectButtonDisplay":true }}
}
}
Script
<script type="text/javascript" src="//cdn.iubenda.com/cs/ccpa/stub.js"></script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>
Je kunt de code voor de Privacy Controls and Cookie Solution ook handmatig insluiten. Daarvoor moet je de standaard insluitmethode volgen die in deze gids wordt beschreven.
❗️ Om ervoor te zorgen dat deze methode correct werkt, moet je de parameter: "googleConsentMode": "template" toevoegen aan de configuratie van je Privacy Controls and Cookie Solution.
Volg deze stappen om het op de juiste manier toe te voegen:
Zorg ervoor dat je in de instellingen van Privacy Controls and Cookie Solution de optie “Externe configuratie inschakelen” uitschakelt. Dit is essentieel om handmatig insluiten goed te laten werken.
Kopieer na het uitschakelen van configuratie op afstand het bijgewerkte knipsel en voeg de volgende parameter toe:
"googleConsentMode": "template"
Je bijgewerkte snippet met de toegevoegde parameter zou eruit moeten zien als dit voorbeeld:
<script type="text/javascript">
var _iub = _iub || [];
_iub.csConfiguration = {
"countryDetection": true,
"consentOnContinuedBrowsing": false,
"perPurposeConsent": true,
"lang": "en",
"siteId": 11111111, //gebruik je siteId
"cookiePolicyId": 11111111, //gebruik je cookiePolicyId
"floatingPreferencesButtonDisplay": "bottom-right",
"banner": {
"acceptButtonDisplay": true,
"customizeButtonDisplay": true,
"rejectButtonDisplay": true,
"position": "float-top-center"
"googleConsentMode": "template"
}
};
</script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>
Tot slot kun je het kanaal voor de Privacy Controls and Cookie Solution kiezen (Bèta, Huidig, Stabiel).
Je kunt optioneel een functie inschakelen die standaard toestemmingswaarden instelt door opgeslagen gebruikersvoorkeuren uit cookies of localStorage te lezen.
Deze functie is experimenteel en heeft enkele beperkingen. Gebruik het alleen als je volledig begrijpt hoe het werkt om onjuiste toestemming te voorkomen.
Als deze optie is ingeschakeld, controleert de tag op specifieke opslagitems om te bepalen of er automatisch toestemming moet worden gegeven. Toestemming wordt alleen op “verleend” gezet als alle gedefinieerde items bevestigen dat de gebruiker voor dat doel heeft gekozen (of zich niet heeft afgemeld).
Om dit in te stellen:
storage.useSiteId = true
.Onthoud dat dit een experimentele functie is die bedoeld is om de toestemmingsafhandeling te verbeteren voordat de iubenda banner wordt getoond. Gebruik het voorzichtig vanwege de experimentele aard en huidige beperkingen.
In dit gedeelte kunnen een aantal geavanceerde instellingen worden ingesteld, zoals de prioriteit voor het activeren van de tag, de tagvolgorde en geavanceerde toestemmingsinstellingen. Je hoeft deze instellingen niet aan te passen om de template te laten werken, dus als je er niet bekend mee bent, kun je ze negeren.
Na het configureren van de tag moet je de trigger instellen om de tag te activeren.
Je kunt “Initialiseren van toestemming geven – alle pagina’s” als trigger selecteren.
Klik na het voltooien van de configuratie op de knop Opslaan rechtsboven op de pagina. De tag is nu klaar om gepubliceerd te worden.
Klik in het GTM-dashboard rechtsboven op de pagina op Verzenden:
Voeg tot slot een versienaam en beschrijving toe, klik op Publiceren en klaar ben je! De tag is klaar voor gebruik, naadloos geïntegreerd met onze Privacy Controls and Cookie Solution!
Tags zoals Google Ads, Analytics, Floodlight en Conversion Linker hebben ingebouwde toestemmingscontroles. Ze zijn standaard compatibel met de Google Consent Mode.
Dit houdt in dat deze tags een mechanisme bezitten dat hun functionaliteit verandert in reactie op de toestemmingsstatus van de gebruiker.
Voor dit type tags is daarom geen toestemmingsconfiguratie nodig.
Je kunt de trigger “Alle pagina’s” eenvoudig toewijzen aan tags die ingebouwde toestemmingscontroles hebben, zoals Google Ads, Google Analytics, Floodlight of Conversion Linker.
Voorbeeld:
Tags die aan tracking doen, maar niet compatibel zijn met de ingebouwde toestemmingscontroles, moeten worden ingesteld met aanvullende toestemmingschecks. Als je bijvoorbeeld een Aangepaste HTML-tag gebruikt, is dit de juiste functie als je een tag wilt vrijgeven nadat toestemming is gegeven.
De volgende procedure is geldig voor GTM-tags die de Google Consent Mode niet ondersteunen (bijvoorbeeld aangepaste HTML-tags voor het insluiten van Facebook Pixel, Hotjar of andere aangepaste scripts).
Eerste stap: Voeg de parameter "emitGtmEvents":true
toe aan het script van de Privacy Controls and Cookie Solution;
In het volgende voorbeeld maken we een aangepaste HTML-tag met een Hotjar-script (maar het kan elk ander script zijn, zoals de Facebook Pixel enz.)
Voorbeeld:
Laten we vervolgens de voorafgaande blokkering instellen met behulp van aanvullende toestemmingschecks van de Google Consent Mode
"analytics_storage"
.
Doel | Google-toestemmingstype | Beschrijving |
---|---|---|
Functionaliteit | functionality_storage | Ondersteunt de functionaliteit van de website of app, bijvoorbeeld door taalinstellingen op te slaan. |
security_storage | Beschermt gebruikers door beveiligingsfuncties zoals authenticatie en fraudepreventie in te schakelen. | |
Ervaring | personalization_storage | Verbetert de ervaring van gebruikers door functies te personaliseren, zoals video-aanbevelingen. |
Meting | analytics_storage | Verzamelt gegevens (zoals cookies) voor analytische doelen, zoals het bijhouden van de bezoekduur. |
Marketing | ad_storage | Slaat gegevens op voor advertentiedoeleinden. |
ad_user_data | Hiermee kunnen gegevens van gebruikers met betrekking tot adverteren naar Google worden verzonden. | |
ad_personalization | Maakt gepersonaliseerde advertenties mogelijk door advertenties aan te passen op basis van de voorkeuren van de gebruiker. |
Je hoeft alleen een aangepaste gebeurtenis te maken met de volgende eigenschappen:
Opmerking: als de voorkeuren van de gebruiker veranderen, stuurt de Privacy Controls and Cookie Solution de gebeurtenis iubenda_gtm_consent_event
naar GTM.
Voorafgaande blokkering is ingesteld voor de tag!
De uitleg voor ingebouwde en aanvullende toestemmingscontroles geldt ook in dit geval. Als je de Amerikaanse wetgeving inschakelt in de configurator van de Privacy Controls and Cookie Solution, is het standaardgedrag voor een Amerikaanse gebruiker dat de Cookie Solution alle doelen van de GCM (Google Consent Mode) instelt op ‘granted‘.
Opmerking: Als je een “Free” abonnement hebt, geldt dit als je AVG uitschakelt en alleen de Amerikaanse wetgeving toepast in de configurator. Als je AVG wilt toepassen voor gebruikers in de EU en de Amerikaanse wetgeving voor gebruikers in de VS, heb je minimaal een Advanced abonnement nodig.
Wanneer de gebruiker zich afmeldt (opt-out) voor een specifiek doel onder de Amerikaanse wetgeving, passen we de instellingen voor ‘ad_storage
‘ en ‘analytics_storage
‘ dienovereenkomstig aan.
Specifiek:
ad_storage
‘ wordt granted wanneer de gebruiker zich niet heeft afgemeld voor een van de volgende doelen van de USPR (US Privacy Rights) of wanneer ze niet relevant zijn (bijv. USPR is niet van toepassing):
‘analytics_storage
‘ is ingesteld op granted wanneer de gebruiker zich niet heeft afgemeld voor het Amerikaanse doel ‘Verkoop van mijn persoonlijke gegevens’ (purpose s) of wanneer dit niet relevant is (bijv. USPR is niet van toepassing).
Pas de Amerikaanse wetgeving toe, exclusief voor gebruikers in de VS, en ontgrendel alle mogelijkheden van iubenda
Als je een meertalige website beheert en Google Consent Mode implementeert met de iubenda GTM-template, is het essentieel om ervoor te zorgen dat je cookietoestemmingsbanner zich naadloos aanpast aan verschillende talen. Hier lees je hoe je de iubenda GTM-template kunt configureren voor meertalige sites:
Voeg in het eerste tekstveld voor de CS-configuratie de JSON van het hoofdscript in, dat ook als fallback zal worden gebruikt. Het is echter belangrijk om de “lang” parameter uit dit script te verwijderen. Dit script kan de parameters siteID en
cookiePolicyId bevatten.
Voer in het tekstveld CS Language Configuration de oorspronkelijke taalcode in en, indien mogelijk, alleen de cookiePolicyId die de taal in de configuratie identificeert. Neem de "lang" parameter niet op in deze configuratie.
Visueel voorbeeld
Hieronder zie je een voorbeeld van hoe de instellingen eruit zien in de GTM-interface:
Codevoorbeeld om te kopiëren
Gebruik voor CS Configuration deze voorbeeldcode:
{ "askConsentAtCookiePolicyUpdate": true, "floatingPreferencesButtonDisplay": "bottom-right", "perPurposeConsent": true, "siteId": "your-site-id", // <--Vervangen door je eigenlijke site-ID "whitelabel":false, "cookiePolicyId": "your-cookie-policy-id", // <--Vervangen door je actuele cookiebeleid-ID "emitGtmEvents": true, "banner": { "acceptButtonDisplay": true, "closeButtonRejects": true, "customizeButtonDisplay": true, "explicitWithdrawal": true, "listPurposes": true, "position": "float-top-center", "showTitle": false } }
Gebruik deze voorbeeldcode voor CS Language Configuration:
{ "het": { "cookiePolicyId": "your-cookie-policy-id", // <--Vervangen door de ID van je eigen IT cookiebeleid, "emitGtmEvents": true }, "es": { "cookiePolicyId": "your-cookie-policy-id", // <--Vervangen door je eigenlijke ES cookiebeleid ID, "emitGtmEvents": true } }
Opmerking: Je kunt deze voorbeelden kopiëren en plakken in de betreffende tekstvelden. Zorg ervoor dat je "your-site-id"
en "your-cookie-policy-id"
vervangt door jouw specifieke waarden en dat de parameter lang
wordt verwijderd.
Zo werkt het:
(lang-attribuut
in de <html>-tag
).