CookiePilot

Telepítsd a CookiePilotot, és kösd minden követőt hozzájáruláshoz

Először a consent-default stubot töltsd be, utána a bannert, végül a követőket. Válaszd azt az utat, amely illik a szkriptjeid betöltési módjához.

Kezdd el ingyenOlvasd el a dokumentációt

Válaszd ki a telepítési utat

1Módszer

Közvetlenül a <head> elemben

Ajánlott, ha a GA4-et vagy a Metát pluginek szúrják be, és egy helyen szeretnéd őket kezelni.

Lépések

  1. 1Illeszd a consent-default stubot a <head> legtetejére, minden kategóriát denied értékre állítva.
  2. 2A CookiePilot banner szkriptjét közvetlenül a stub után add hozzá.
  3. 3Told a GA4-et, a Metát és a többi követőt a banner alá, és csak hozzájárulás után töltsd be őket.
  4. 4Telepíts újra, és tölts be gyorsítótár nélkül, hogy az új sorrend érvényesüljön.
2Módszer

Google Tag Manageren keresztül

Ajánlott, ha a címkéid már egy GTM-tárolóban vannak.

Lépések

  1. 1Hagyd a consent-default stubot a <head> elemben, a GTM-tároló előtt.
  2. 2A CookiePilot betöltőt csak egyszer töltsd be: vagy közvetlenül a consent-default stub után a <head> elemben, vagy egyetlen Custom HTML címkeként a Consent Initialization eseményen. Soha ne mindkettőt.
  3. 3Kösd minden GTM-címkét a megfelelő hozzájáruláshoz, hogy Elfogadás előtt semmi ne süljön el.
  4. 4Figyelem: a GTM nem kezeli azokat a követőket, amelyeket rajta kívül CMS-pluginek töltenek be. Hozd be őket a GTM-be, vagy blokkold őket közvetlenül.
3Módszer

CMS-plugin vagy -modul

Csak akkor ajánlott, ha a te konkrét platformodhoz létezik dokumentált CookiePilot-integráció, és a beállítást inkább az adminfelületen végeznéd.

Lépések

  1. 1Először győződj meg róla, hogy a platformodhoz létezik dokumentált CookiePilot-integráció; ha nincs, használd a közvetlen <head>- vagy GTM-utasításokat.
  2. 2Ellenőrizd a generált oldalforrást: a consent-default stubnak és a CookiePilot bannernek a követők előtt kell megjelennie. Ha a sorrend rossz, javítsd a közvetlen útmutató szerint.
  3. 3Ellenőrizz minden külön analitikai vagy marketing plugint: mindegyiknek be kell töltés előtt olvasnia a CookiePilot hozzájárulást.
  4. 4Kapcsold ki azt a plugint, amely hozzájárulás-ellenőrzés nélkül futtat saját szkripteket.
4Módszer

Vegyes források

Ajánlott, ha a követők egyszerre több helyről érkeznek (sablon, pluginek, GTM, beégetett címkék).

Lépések

  1. 1Vedd számba minden szkriptforrást: sablon, pluginek, GTM és beégetett címkék.
  2. 2Minden forráson át csak egy consent-default stubot és egy cookiepilot.js betöltőt tarts meg, és távolíts el minden duplikátumot, hogy semmi ne töltődjön be kétszer.
  3. 3Kösd minden forrást a megfelelő hozzájárulási kategóriához.
  4. 4Minden változtatás után szkennelj újra, hogy elkapd az esetleg blokkolatlanul bekerült új szkriptet.

Biztonságos kódpéldák

Illeszd be ezeket a blokkokat a megadott sorrendben. A YOUR_* helyőrzőket cseréld a saját értékeidre.

Helyes betöltési sorrend

  1. 1Illeszd a consent-default stubot a <head> legtetejére, minden kategóriát denied értékre állítva.
  2. 2A CookiePilot banner szkriptjét közvetlenül a stub után add hozzá.
  3. 3Told a GA4-et, a Metát és a többi követőt a banner alá, és csak hozzájárulás után töltsd be őket.
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>

A banner telepítése önmagában nem blokkolja a szkriptjeidet

A CookiePilot megjeleníti a bannert és rögzíti a hozzájárulást, de nem tudja csendben blokkolni azokat a szkripteket, amelyeket nem kezel. Minden követő, amelyet egy sablon, plugin vagy GTM-címke tölt be, addig süti el magát, amíg hozzájáruláshoz nem köröd. Kezelj minden forrást külön, és győződj meg róla, hogy hozzájárulás előtt néma marad.

Ellenőrzés tiszta munkamenetben

  • Hozzájárulás előtt

    Nyisd meg az oldalt új privát ablakban. Mielőtt bármire kattintanál, nem futhat analitikai vagy marketing szkript, és nem állítódhat be nem elengedhetetlen süti.

  • Elutasítás után

    Kattints az Elutasításra. Tölts be újra, és erősítsd meg, hogy a követők továbbra sem töltődnek be, és nem jelenik meg nem elengedhetetlen süti.

  • Elfogadás után

    Kattints az Elfogadásra. Erősítsd meg, hogy a követők most már betöltődnek, és megjelennek a sütijeik az elfogadott kategóriáknak megfelelően.

Készen állsz a néhány perces telepítésre?

Hozz létre projektet, másold ki a site key-edet, és kösd minden követőt valódi hozzájáruláshoz.

Kezdd el ingyenOlvasd el a dokumentációt