CookiePilot

Installera CookiePilot och koppla varje tracker till samtycke

Ladda consent-default-stubben först, bannern sedan och dina trackers sist. Välj den väg som matchar hur dina skript laddas.

Börja gratisLäs dokumentationen

Välj din installationsväg

1Metod

Direkt i <head>

Rekommenderas när GA4 eller Meta injiceras av plugins och du vill styra dem på ett ställe.

Steg

  1. 1Klistra in consent-default-stubben högst upp i <head>, med varje kategori satt till denied.
  2. 2Lägg CookiePilot-bannerns skript direkt efter stubben.
  3. 3Flytta GA4, Meta och andra trackers under bannern och ladda dem först efter samtycke.
  4. 4Deploya om och ladda om utan cache så att den nya ordningen levereras.
2Metod

Via Google Tag Manager

Rekommenderas när dina taggar redan finns i en GTM-container.

Steg

  1. 1Behåll consent-default-stubben i <head>, före GTM-containern.
  2. 2Ladda CookiePilot-loadern bara en gång: antingen direkt efter consent-default-stubben i <head>, eller som en enda Custom HTML-tagg på utlösaren Consent Initialization. Aldrig via båda.
  3. 3Koppla varje GTM-tagg till motsvarande samtycke, så att inget avfyras före Godkänn.
  4. 4Observera: GTM styr inte trackers som laddas utanför den av CMS-plugins. Flytta in dem i GTM eller blockera dem direkt.
3Metod

CMS-plugin eller -modul

Rekommenderas bara när det finns en dokumenterad CookiePilot-integration för just din plattform och du föredrar att ställa in den via adminpanelen.

Steg

  1. 1Bekräfta först att det finns en dokumenterad CookiePilot-integration för din plattform; om inte, använd de direkta instruktionerna i <head> eller via GTM.
  2. 2Kontrollera den genererade sidkällan: consent-default-stubben och CookiePilot-bannern måste visas före alla trackers. Om ordningen är fel, rätta den med den direkta guiden.
  3. 3Kontrollera varje separat analys- eller marknadsföringsplugin: var och en måste fortfarande läsa CookiePilot-samtycket innan den laddar.
  4. 4Inaktivera varje plugin som avfyrar egna skript utan en samtyckeskontroll.
4Metod

Blandade källor

Rekommenderas när trackers kommer från flera ställen samtidigt (tema, plugins, GTM, hårdkodade taggar).

Steg

  1. 1Inventera varje skriptkälla: tema, plugins, GTM och hårdkodade taggar.
  2. 2Behåll bara en consent-default-stub och en cookiepilot.js-loader över alla källor och ta bort varje dubblett, så att inget laddas två gånger.
  3. 3Koppla varje källa till motsvarande samtyckeskategori.
  4. 4Skanna om efter varje ändring för att fånga ett nytt skript som smugit in oblockerat.

Säkra kodexempel

Klistra in dessa block i den ordning som visas. Ersätt platshållarna YOUR_* med dina egna värden.

Rätt laddningsordning

  1. 1Klistra in consent-default-stubben högst upp i <head>, med varje kategori satt till denied.
  2. 2Lägg CookiePilot-bannerns skript direkt efter stubben.
  3. 3Flytta GA4, Meta och andra trackers under bannern och ladda dem först efter samtycke.
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>

Att installera bannern blockerar inte dina skript av sig själv

CookiePilot visar bannern och registrerar samtycke, men kan inte tyst blockera skript den inte styr. Varje tracker som laddas av ett tema, en plugin eller en GTM-tagg fortsätter att avfyras tills du kopplar den till samtycke. Behandla varje källa för sig och bekräfta att den förblir tyst före samtycke.

Verifiera i en ren session

  • Före samtycke

    Öppna webbplatsen i ett nytt privat fönster. Innan du klickar på något ska inget analys- eller marknadsföringsskript köra och ingen icke-nödvändig cookie sättas.

  • Efter Avvisa

    Klicka på Avvisa. Ladda om och bekräfta att trackers fortfarande inte laddas och att ingen icke-nödvändig cookie dyker upp.

  • Efter Godkänn

    Klicka på Godkänn. Bekräfta att trackers nu laddas och att deras cookies dyker upp, i linje med de kategorier du godkände.

Redo att installera på några minuter?

Skapa ett projekt, kopiera din site key och koppla varje tracker till verkligt samtycke.

Börja gratisLäs dokumentationen