informatie
Content

Google Tagmanager (GTM)

Houd er rekening mee dat: Als u de consentmanager code via GTM, alleen de handmatige blokkeercode kan via een TagManager worden aangeleverd. Als u automatische codeblokkering wilt gebruiken, moet u de CMP-code rechtstreeks in uw website invoegen.

Houd er rekening mee dat: Het systeem zal informatie naar window.dataLayer pushen. GTM biedt de mogelijkheid om deze variabele te hernoemen naar een andere waarde. Als dat het geval is, worden de gegevens niet meer door GTM ontvangen. Zorg er daarom voor dat u de variabele niet anders (her)noemt dan dataLayer.

Algemene informatie

Om toestemmingsinformatie te gebruiken met Google Tag Manager (GTM), zal de CMP zogenaamde gegevenslagen in GTM pushen. De CMP maakt de volgende variabelen voor de gegevenslaag:

Veranderlijk

Beschrijving

cmpVerordening

Naamreeks van verordening (bijv. AVG, CCPA enzovoort)

cmpConsentString

Stelt de IAB-toestemmingsreeks in

cmpToestemmingVerkopers

Stelt een door komma's gescheiden lijst van leveranciers-ID's in die toestemming hebben gekregen, bijv. 3,7, s22,31, c88, (lijst begint en eindigt met komma)

cmpGoogleVendorsToestemming

Hetzelfde als cmpConsentVendors, maar inbegrepen zijn de Google ATP-ID's.

cmp Toestemming Doelen

Stelt een door komma's gescheiden lijst in van doeleinden waarvoor toestemming is verkregen, bijv. 1,2, s3, s4, s5, (lijst begint en eindigt met komma)

cmpHuidigeStatus

Statusnaam huidige cmp-gebeurtenis. Mogelijke waarden: onbekend, laden, toestemming, legitieme interesse
Opmerking: er kunnen van tijd tot tijd extra statussen worden toegevoegd

cmpLaatsteStatus

Naam laatste/vorige CMP-gebeurtenisstatus. Mogelijke waarden: onbekend, laden, geladen, toestemming, legitieme interesse, uitgeschakeld, verborgen, zichtbaar, tcloaded, toestemming geladen, gebruikersactie.
Opmerking: er kunnen van tijd tot tijd extra statussen worden toegevoegd
Opmerking: dit omvat ook ALLE TCF- en GPP-statusnamen, bijv. sectionChange.*, cmpDisplayStatus.*, enzovoort

cmpLaadstatus

Statusnaam van de laadvolgorde (stub, laden, geladen, fout)

cmpDisplayStatus

Statusnaam van de weergave van de toestemmingslaag (zichtbaar, verborgen, uitgeschakeld)

toestemmingBestaat

Er bestaat een toestemmingsstatus (waar/onwaar). Houd er rekening mee dat dit het geval is zodra de toestemmingslaag wordt weergegeven en/of in gevallen waarin geen toestemming is vereist.

userChoiceExists

Er bestaat een toestemmingsstatus die is gebaseerd op de keuze van de gebruiker (waar/onwaar), bijv. de gebruiker heeft op accepteren geklikt, geweigerd of de aangepaste instellingen opgeslagen.

Het evenement cmpEvent in combinatie met bovenstaande variabelen kunnen vervolgens worden gebruikt als trigger voor de tagmanager om te weten of/wanneer de codes moeten worden geactiveerd.

Integratie via GTM-sjabloon

  1. Log in op uw Google Tag Manager en klik op Tags > Nieuw > Tagconfiguratie
  2. Kies in het menu Tagtype Functies Community CMP-sjablonen > Consentmanager CMP



  3. Klik op Toevoegen aan werkruimte > Toevoegen



  4. Haal uw CMP-ID, CDN en Host uit uw account van Menu > CMP's > Codes ophalen voor ... Websites



  5. Plaats uw CMP-ID, CDN en host in onze GTM-sjabloon en sla op.

    Invoegen zonder het protocol "https://"!


    gtm_inputs.jpg

  6. Stel de Tag met CMP-Code in om op elke paginaweergave te activeren:

 

Houd er rekening mee dat: Vanwege Google-richtlijnen moeten we in eerste instantie inschakelen Consent Mode. Dit kan verwarrend zijn wanneer klanten onze sjabloon integreren en bijvoorbeeld geen live Google Analytics-nummers zien. Als u NIET wilt gebruiken Consent Mode, vergeet dan niet om de functie in de sjabloon uit te schakelen.

 

Handmatige integratie

Als u het GTM-sjabloon of het GTM-recept (zie hierboven) niet wilt gebruiken, kunt u de CMP-code handmatig in uw TagManager invoeren. Kopieer daarom de halfautomatische / handmatige blokkeringscode van code Menu > CMP's > Code ophalen voor ... Website en plak het in uw TagManager als een nieuwe tag. Stel in dat de tag wordt geactiveerd met de vroegst mogelijke gebeurtenis (PageView of eerder). Stel geen voorwaarde/uitsluiting in op de tag.

Om te kunnen gebruiken consentmanager met GTM en Google Consent Mode, zie onze speciale helpsectie over de Google-toestemmingsmodus hier.

Uw tags & voorwaarden bijwerken

Opmerking: als Google-toestemmingsmodus is ingeschakeld, kunt u de ingebouwde toestemmingsvariabelen gebruiken om de tags te filteren. In de meeste gevallen is dit eenvoudiger in vergelijking met het bijwerken van triggervoorwaarden. Meer informatie over de Google-toestemmingsmodus zie hier.

Voer de volgende stappen uit om bepaalde codes alleen weer te geven als toestemming is gegeven:

  1. Variabelen maken in GTM: ga in GTM naar Variabelen> Nieuw en klik op configureren:

  2. Kies een variabel type Paginavariabelen> Gegevenslaagvariabele, maak de benodigde variabelen aan, meestal heeft u minimaal de variabele nodig cmpConsentVendors. Voeg indien nodig meer variabelen uit de bovenstaande tabel toe:

  3. Herhaal bovenstaande stappen voor alle andere variabelen die je nodig hebt (meestal cmpGDPR, cmpConsentVendors, cmpConsentPurposes, ...)

  4. Ga naar Triggers> Nieuw en klik op configureren:



  5. Gebeurtenisnaam gebruiken cmpEvent en voeg er aangepaste evenementen aan toe:

     

  6. Voor elk evenement is minstens één regel nodig:  cmpConsentVendors contains ...  (of cmpConsentPurposes contains ... ).

  7. Stel de gebeurtenisregels in op cmpConsentVendors contains ,x, WAAR x is de ID van de leverancier. De ID's van de leveranciers zijn te vinden onder menu Leveranciers/Whitelist:


    Belangrijk: Gebruik altijd slechts één leverancier per trigger (... contains ,x, en niet ... contains ,x,y,z,). Als u met meerdere leveranciers werkt, maak dan meerdere triggers en één trigger per leverancier.
    Belangrijk: Gebruik altijd een komma voor en na de leveranciers-ID (bijv cmpConsentVendors contains ,x,en niet cmpConsentVendors contains x)

     

  8. Herhaal de bovenstaande stap voor elke leverancier en maak een nieuwe trigger voor elke leverancier

  9. Pas de trigger toe op uw tags en zorg ervoor dat de tags niet worden geactiveerd met pageView-gebeurtenis maar Slechts met de cmpEvent:



    Voorbeeld voor Google Analytics:



    Belangrijk: Zorg ervoor dat de trigger de is Slechts trigger voor elke tag die u gebruikt. Combineer triggers niet met andere triggers / gebeurtenissen zoals "Alle pagina's" of "Laden op pagina" enzovoort.

Voorbeeld: Google Analytics blokkeren met Google TagManager (GTM)

Hier zijn enkele voorbeeldschermafbeeldingen hoe een configuratie eruit zou zien om Google Analytics te blokkeren als er geen toestemming wordt gegeven.

Trigger

Activeer Google Analytics op alle pagina's wanneer toestemming wordt gegeven:

Tag

Google Analytics-tag met toegewezen triggers (tweede trigger is optioneel):

Hoe de Google TagManager-code blokkeren als er geen toestemming wordt gegeven?

Houd er rekening mee dat: als u geen u wilt GTM zelf blokkeren, maar alleen de tags die door GTM worden geactiveerd. Als u automatisch blokkeren gebruikt, zorg er dan voor dat de TagManager niet wordt geblokkeerd door het attribuut in te voegen data-cmp-ab="1" in de TagManager-code.

Als u niet alleen de codes binnen de TagManager maar ook de TagManager zelf wilt blokkeren, kunt u dit doen door deze stappen te volgen:

Uw GTM-code ziet er op de een of andere manier als volgt uit:

<script>(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-ABCDEF');</script>

Om de consentmanager.net CMP om de code te blokkeren en alleen in te schakelen na toestemming moet u de code op de volgende manier wijzigen: (zie wijzigingen in <script ...> deel van de code)

<script data-cmp-vendor="s905" type="text/plain" class="cmplazyload" >(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-ABCDEF');</script>

Let op: dat de automatische blokkeercode kan voorkomen dat de browser de GTM-code uitvoert, maar mogelijk niet kan voorkomen dat de browser de GTM-broncodes downloadt. Daarom kan het zijn dat de crawler u waarschuwt dat GTM zonder toestemming is geladen. Als u er zeker van wilt zijn dat GTM niet zonder toestemming wordt geladen, MOET u de GTM-code wijzigen zoals hierboven beschreven.

Hoe te voorkomen dat Google TagManager meerdere keren wordt geactiveerd?

De CMP activeert de cmpEvent-gegevenslaag telkens wanneer de toestemmingsinformatie wordt vernieuwd. Dit gebeurt wanneer de pagina wordt geladen en toestemmingsinformatie wordt gevonden in de bezoekerscookie, wanneer de toestemmingslaag wordt weergegeven en de bezoeker een keuze maakt of wanneer de bezoeker de toestemmingslaag opnieuw opduikt en de instellingen wijzigt. In het laatste geval kan het voorkomen dat de bezoeker de toestemmingslaag meerdere keren opent en sluit. Elke keer dat de laag sluit, wordt de datalayer geactiveerd en kan Google TagManager enkele tags weergeven of Google Analytics tellen. Volg deze stappen om te voorkomen dat tags meerdere keren op een pagina worden geactiveerd:

  1. Maak een nieuwe tag voor elke tag die u niet opnieuw wilt activeren. Gebruik een aangepaste HTML-code en voeg de volgende code in:

    <script> window.prevent_duplicate_googleanalytics = true; </script>

  2. Gebruik dezelfde trigger voor deze nieuwe tag als voor de originele tag.

  3. Maak een nieuwe variabele van het type custom javascript en gebruik de volgende code:
    function (){ return ("prevent_duplicate_googleanalytics" in window); }

  4. Voeg nog een voorwaarde toe aan uw bestaande trigger met behulp van de variabele die u eerder hebt gemaakt ("Variabele XXX is gelijk aan onwaar"):

Hoe om te gaan met dataLayer of evenement volgorde?

In sommige gevallen mogen tags alleen worden geactiveerd als er meer dan een gebeurtenis is opgetreden, bijvoorbeeld een bepaalde actie van de gebruiker en toestemming wordt gegeven. Om een ​​bestaand evenement te combineren met de ConsentManager cmpEventvolg dan deze stappen:

  1. Bewerk de tag en verwijder de uitgaande trigger.
  2. Klik op het pictogram om een ​​nieuwe trigger aan de tag toe te wijzen en maak vervolgens een nieuwe trigger:

  3. Geef de nieuwe trigger een naam en kies triggertype "Trigger Group":

  4. Voeg uw bestaande trigger en de cmpEvent-trigger toe aan de triggergroep:

  5. Stel de triggercondities op dezelfde manier in als bij normale triggers (bijv. Toevoegen cmpGDPR equals 1 als voorwaarde).
  6. Sla de triggergroep op en wijs deze toe aan de tag.

DataLayer-gebeurtenissen onderbreken/uitstellen totdat toestemming is gegeven

Als alternatief voor Trigger Groups kunt u gebruik maken van consentmanager's eigen dataLayer-functie door aan te roepen window.cmp_gtag(...)  in plaats van die van Google window.gtag(...) of gegevens erin duwen cmp_dataLayer in plaats van dataLayer. Alle oproepen naar cmp_gtag(...) wordt automatisch gepauzeerd en uitgesteld totdat de gebruiker een keuze heeft gemaakt (accepteren, afwijzen of aangepast). Zodra de keuze is gemaakt, schakelt het CMP automatisch alle oproepen door naar window.gtag(...) waarnaar eerder is verzonden window.cmp_gtag(...) (en alle daaropvolgende oproepen). Om de functie te kunnen gebruiken, moet u ervoor zorgen dat u de volgende code aan uw website toevoegt (vóór de eerste oproep):

<script>
if(!('cmp_dataLayer' in window)){window.cmp_dataLayer = [];}
if(!('cmp_gtag' in window)){ window.cmp_gtag = function (){window.cmp_dataLayer.push(arguments);}}
</script>

U kunt dan eenvoudig alle oproepen wijzigen van gtag(...) naar cmp_gtag(...) en dataLayer naar cmp_dataLayer en ons systeem zorgt voor de rest.

Voorbeeld met dataLayer

Vooraf:

<script>
 var gtmInitialData = {"general":{"language":"en","country":"GB","page_type":"LISTPAGE"}};        
 window.dataLayer = window.dataLayer || [];
 window.dataLayer.push(gtmInitialData);
</script>

Na:

<script>
if(!('cmp_dataLayer' in window)){window.cmp_dataLayer = [];}
var gtmInitialData = {"general":{"language":"en","country":"GB","page_type":"LISTPAGE"}}; 
window.cmp_dataLayer.push(gtmInitialData);
</script>

Belangrijk: Do niet vervang de dataLayer-naam in de initialisatieaanroep voor GTM of Analytics. Vervang "dataLayer" bijvoorbeeld niet in deze code:

<script>
 (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-...'); /* do NOT replace dataLayer with cmp_dataLayer */
</script>
Voorbeeld met gtag

Vooraf:

<script>       
 window.gtag = function (){dataLayer.push(arguments);};
 window.gtag("myEvent",{...some event data ...});
</script>

Na:

<script>       
 if(!('cmp_dataLayer' in window)){window.cmp_dataLayer = [];}
 if(!('cmp_gtag' in window)){ window.cmp_gtag = function (){window.cmp_dataLayer.push(arguments);}}
 window.cmp_gtag("myEvent",{...some event data ...});
</script>

Webinar/tutorial over GTM-implementatie

Houd er rekening mee dat: Momenteel kunnen we deze instructievideo alleen aanbieden in Duits. De GTM-setup begint ongeveer minuut 05:00 - 22:00 uur. Als u de Google-toestemmingsmodus niet gebruikt, kunt u de rest van de video overslaan.

 

Terug naar boven