CookiePilot

Installeer CookiePilot en koppel elke tracker aan toestemming

Laad eerst de consent-default-stub, dan de banner en als laatste je trackers. Kies de route die past bij hoe je scripts worden geladen.

Gratis beginnenLees de documentatie

Kies je installatiemethode

1Methode

Direct in de <head>

Aanbevolen wanneer GA4 of Meta door plugins worden ingevoegd en je ze op één plek wilt beheren.

Stappen

  1. 1Plak de consent-default-stub bovenaan de <head>, met elke categorie op denied.
  2. 2Zet het CookiePilot-bannerscript direct na de stub.
  3. 3Verplaats GA4, Meta en andere trackers onder de banner en laad ze pas na toestemming.
  4. 4Deploy opnieuw en herlaad zonder cache zodat de nieuwe volgorde wordt geserveerd.
2Methode

Via Google Tag Manager

Aanbevolen wanneer je tags al in een GTM-container staan.

Stappen

  1. 1Houd de consent-default-stub in de <head>, vóór de GTM-container.
  2. 2Laad de CookiePilot-loader één keer: óf direct na de consent-default-stub in de <head>, óf als één enkele Custom HTML-tag op de trigger Consent Initialization. Nooit allebei.
  3. 3Koppel elke GTM-tag aan de bijbehorende toestemming, zodat er niets afgaat vóór Accepteren.
  4. 4Let op: GTM beheert geen trackers die er buitenom door CMS-plugins worden geladen. Breng die in GTM onder of blokkeer ze rechtstreeks.
3Methode

CMS-plugin of -module

Alleen aanbevolen wanneer er een gedocumenteerde CookiePilot-integratie voor jouw specifieke platform bestaat en je de installatie liever via het beheerpaneel doet.

Stappen

  1. 1Bevestig eerst dat er een gedocumenteerde CookiePilot-integratie voor jouw platform bestaat; zo niet, gebruik dan de directe instructies in de <head> of via GTM.
  2. 2Controleer de gegenereerde paginabron: de consent-default-stub en de CookiePilot-banner moeten vóór de trackers verschijnen. Klopt de volgorde niet, herstel die dan met de directe handleiding.
  3. 3Controleer elke aparte analytics- of marketingplugin: elk moet nog steeds de CookiePilot-toestemming lezen voordat het laadt.
  4. 4Schakel elke plugin uit die eigen scripts afvuurt zonder de toestemming te controleren.
4Methode

Gemengde bronnen

Aanbevolen wanneer trackers tegelijk uit meerdere plekken komen (thema, plugins, GTM, hardgecodeerde tags).

Stappen

  1. 1Inventariseer elke scriptbron: thema, plugins, GTM en hardgecodeerde tags.
  2. 2Houd over alle bronnen maar één consent-default-stub en één cookiepilot.js-loader aan en verwijder elk dubbel exemplaar, zodat niets twee keer laadt.
  3. 3Koppel elke bron aan de juiste toestemmingscategorie.
  4. 4Scan opnieuw na elke wijziging om een nieuw script te vangen dat ongeblokkeerd is binnengeslopen.

Veilige codevoorbeelden

Plak deze blokken in de getoonde volgorde. Vervang de YOUR_*-plaatshouders door je eigen waarden.

Juiste laadvolgorde

  1. 1Plak de consent-default-stub bovenaan de <head>, met elke categorie op denied.
  2. 2Zet het CookiePilot-bannerscript direct na de stub.
  3. 3Verplaats GA4, Meta en andere trackers onder de banner en laad ze pas na toestemming.
1. consent-default stub
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){ dataLayer.push(arguments); }
  gtag('consent', 'default', {
    ad_storage: 'denied',
    analytics_storage: 'denied',
    ad_user_data: 'denied',
    ad_personalization: 'denied',
    functionality_storage: 'denied',
    personalization_storage: 'denied',
    security_storage: 'granted',
    wait_for_update: 500,
  });
</script>
2. CookiePilot banner
<script async
  src="https://cdn.cookiepilot.io/cookiepilot.js"
  data-cpkey="YOUR_SITE_KEY"
></script>
3. GA4
<script>
  window.addEventListener('cookiepilot:consent', function(event) {
    var consent = event.detail || {};
    if (!consent.analytics || window.__cookiepilotGa4Loaded) return;
    window.__cookiepilotGa4Loaded = true;
    var ga = document.createElement('script');
    ga.async = true;
    ga.src = 'https://www.googletagmanager.com/gtag/js?id=' +
      encodeURIComponent('YOUR_GA4_ID');
    ga.onload = function() {
      gtag('js', new Date());
      gtag('config', 'YOUR_GA4_ID');
    };
    document.head.appendChild(ga);
  });
</script>
3. GTM
<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','YOUR_GTM_ID');
</script>

De banner installeren blokkeert je scripts niet vanzelf

CookiePilot toont de banner en legt toestemming vast, maar kan scripts die het niet beheert niet stilzwijgend blokkeren. Elke tracker die door een thema, plugin of GTM-tag wordt geladen, blijft afgaan totdat je hem aan toestemming koppelt. Behandel elke bron apart en bevestig dat die stil blijft vóór toestemming.

Test in een schone sessie

  • Voor toestemming

    Open de site in een nieuw privévenster. Voordat je iets aanklikt, mag er geen analytics- of marketingscript draaien en mag er geen niet-essentiële cookie worden gezet.

  • Na Weigeren

    Klik op Weigeren. Herlaad en bevestig dat de trackers nog steeds niet laden en dat er geen niet-essentiële cookie verschijnt.

  • Na Accepteren

    Klik op Accepteren. Bevestig dat de trackers nu laden en dat hun cookies verschijnen, passend bij de categorieën die je accepteerde.

Klaar om in enkele minuten te installeren?

Maak een project aan, kopieer je site key en koppel elke tracker aan echte toestemming.

Gratis beginnenLees de documentatie