CookiePilot

Instalirajte CookiePilot i vežite svaki pratitelj uz privolu

Najprije učitajte consent-default stub, zatim banner, a pratitelje na kraju. Odaberite put koji odgovara načinu na koji se vaše skripte učitavaju.

Započnite besplatnoPročitajte dokumentaciju

Odaberite način instalacije

1Metoda

Izravno u <head>

Preporučuje se kada GA4 ili Meta ubacuju dodaci, a želite ih kontrolirati s jednog mjesta.

Koraci

  1. 1Umetnite consent-default stub na sam vrh <head> sa svakom kategorijom postavljenom na denied.
  2. 2Skriptu CookiePilot bannera dodajte odmah iza stuba.
  3. 3Premjestite GA4, Metu i ostale pratitelje ispod bannera i učitavajte ih tek nakon privole.
  4. 4Ponovno objavite i osvježite bez predmemorije kako bi se posluživao novi redoslijed.
2Metoda

Putem Google Tag Managera

Preporučuje se kada vaše oznake već žive u GTM spremniku.

Koraci

  1. 1Zadržite consent-default stub u <head>, prije GTM spremnika.
  2. 2Učitajte CookiePilot loader samo jednom: ili odmah nakon consent-default stuba u <head>, ili kao jedan jedini Custom HTML tag na okidaču Consent Initialization. Nikada na oba načina.
  3. 3Vežite svaku GTM oznaku uz odgovarajuću privolu, tako da se ništa ne aktivira prije Prihvati.
  4. 4Napomena: GTM ne kontrolira pratitelje koje izvan njega učitavaju CMS dodaci. Prenesite ih u GTM ili ih blokirajte izravno.
3Metoda

CMS dodatak ili modul

Preporučuje se samo kada za vašu konkretnu platformu postoji dokumentirana CookiePilot integracija i radije postavljate putem administracijske ploče.

Koraci

  1. 1Najprije potvrdite da za vašu platformu postoji dokumentirana CookiePilot integracija; ako ne postoji, upotrijebite izravne upute u <head> ili putem GTM-a.
  2. 2Provjerite generirani izvorni kod stranice: consent-default stub i CookiePilot banner moraju se pojaviti prije pratitelja. Ako je redoslijed pogrešan, ispravite ga pomoću izravnog vodiča.
  3. 3Provjerite svaki zasebni analitički ili marketinški dodatak: svaki i dalje mora pročitati CookiePilot privolu prije nego se učita.
  4. 4Onemogućite svaki dodatak koji pokreće vlastite skripte bez provjere privole.
4Metoda

Mješoviti izvori

Preporučuje se kada pratitelji dolaze s više mjesta odjednom (tema, dodaci, GTM, ručno upisane oznake).

Koraci

  1. 1Popišite svaki izvor skripti: temu, dodatke, GTM i ručno upisane oznake.
  2. 2Zadržite kroz sve izvore samo jedan consent-default stub i jedan cookiepilot.js loader te uklonite svaki duplikat kako se ništa ne bi učitalo dvaput.
  3. 3Vežite svaki izvor uz odgovarajuću kategoriju privole.
  4. 4Nakon svake promjene ponovno skenirajte kako biste uhvatili novu skriptu koja se provukla bez blokiranja.

Sigurni primjeri koda

Zalijepite ove blokove redoslijedom kako su prikazani. Zamijenite rezervirana mjesta YOUR_* svojim vrijednostima.

Ispravan redoslijed učitavanja

  1. 1Umetnite consent-default stub na sam vrh <head> sa svakom kategorijom postavljenom na denied.
  2. 2Skriptu CookiePilot bannera dodajte odmah iza stuba.
  3. 3Premjestite GA4, Metu i ostale pratitelje ispod bannera i učitavajte ih tek nakon privole.
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>

Instalacija bannera sama po sebi ne blokira vaše skripte

CookiePilot prikazuje banner i bilježi privolu, ali ne može tiho blokirati skripte koje ne kontrolira. Svaki pratitelj koji učita tema, dodatak ili GTM oznaka nastavlja se pokretati sve dok ga ne vežete uz privolu. Postupajte sa svakim izvorom zasebno i potvrdite da ostaje tih prije privole.

Provjera u čistoj sesiji

  • Prije privole

    Otvorite web u novom anonimnom prozoru. Prije nego što bilo što kliknete, ne smije se izvoditi nijedna analitička ni marketinška skripta i ne smije se postaviti nijedan kolačić koji nije nužan.

  • Nakon Odbij

    Kliknite Odbij. Ponovno učitajte i potvrdite da se pratitelji i dalje ne učitavaju te da se ne pojavljuje nijedan kolačić koji nije nužan.

  • Nakon Prihvati

    Kliknite Prihvati. Potvrdite da se pratitelji sada učitavaju i da se pojavljuju njihovi kolačići u skladu s kategorijama koje ste prihvatili.

Spremni za instalaciju u nekoliko minuta?

Izradite projekt, kopirajte svoj site key i vežite svaki pratitelj uz stvarnu privolu.

Započnite besplatnoPročitajte dokumentaciju