CookiePilot

Asenna CookiePilot ja sido jokainen seuranta suostumukseen

Lataa ensin consent-default-tynkä, sitten banneri ja viimeiseksi seurantaskriptit. Valitse polku, joka vastaa sitä, miten skriptisi ladataan.

Aloita ilmaiseksiLue dokumentaatio

Valitse asennuspolkusi

1Menetelmä

Suoraan <head>-osioon

Suositellaan, kun GA4 tai Meta lisätään laajennuksilla ja haluat hallita niitä yhdestä paikasta.

Vaiheet

  1. 1Liitä consent-default-tynkä aivan <head>-osion alkuun, jokainen kategoria arvoon denied.
  2. 2Lisää CookiePilot-bannerin skripti heti tyngän jälkeen.
  3. 3Siirrä GA4, Meta ja muut seurannat bannerin alle ja lataa ne vasta suostumuksen jälkeen.
  4. 4Julkaise uudelleen ja lataa sivu ilman välimuistia, jotta uusi järjestys tulee käyttöön.
2Menetelmä

Google Tag Managerin kautta

Suositellaan, kun tagisi ovat jo GTM-säiliössä.

Vaiheet

  1. 1Pidä consent-default-tynkä <head>-osiossa, ennen GTM-säiliötä.
  2. 2Lataa CookiePilot-latain vain kerran: joko heti consent-default-tyngän jälkeen <head>-osiossa tai yhtenä Custom HTML -tagina Consent Initialization -liipaisimella. Älä koskaan molempia.
  3. 3Sido jokainen GTM-tagi vastaavaan suostumukseen, jottei mikään laukea ennen Hyväksy-valintaa.
  4. 4Huomaa: GTM ei hallitse seurantoja, jotka CMS-laajennukset lataavat sen ulkopuolella. Tuo ne GTM:ään tai estä ne suoraan.
3Menetelmä

CMS-laajennus tai -moduuli

Suositellaan vain, kun juuri sinun alustallesi on olemassa dokumentoitu CookiePilot-integraatio ja haluat tehdä asennuksen hallintapaneelista.

Vaiheet

  1. 1Varmista ensin, että alustallesi on olemassa dokumentoitu CookiePilot-integraatio; jos ei ole, käytä suoria ohjeita <head>-osiossa tai GTM:n kautta.
  2. 2Tarkista sivun generoitu lähdekoodi: consent-default-tyngän ja CookiePilotin bannerin on oltava ennen seurantoja. Jos järjestys on väärä, korjaa se suoran ohjeen avulla.
  3. 3Tarkista jokainen erillinen analytiikka- tai markkinointilaajennus: kunkin on luettava CookiePilotin suostumus ennen latautumista.
  4. 4Poista käytöstä jokainen laajennus, joka laukaisee omat skriptinsä ilman suostumustarkistusta.
4Menetelmä

Sekalaiset lähteet

Suositellaan, kun seurannat tulevat useasta paikasta yhtä aikaa (teema, laajennukset, GTM, koodiin kovakoodatut tagit).

Vaiheet

  1. 1Kartoita jokainen skriptilähde: teema, laajennukset, GTM ja kovakoodatut tagit.
  2. 2Pidä kaikissa lähteissä vain yksi consent-default-tynkä ja yksi cookiepilot.js-latain ja poista jokainen kaksoiskappale, jottei mikään lataudu kahdesti.
  3. 3Sido jokainen lähde vastaavaan suostumuskategoriaan.
  4. 4Skannaa uudelleen jokaisen muutoksen jälkeen, jotta huomaat estämättä livahtaneen uuden skriptin.

Turvalliset koodiesimerkit

Liitä nämä lohkot näytetyssä järjestyksessä. Korvaa YOUR_*-paikkamerkit omilla arvoillasi.

Oikea latausjärjestys

  1. 1Liitä consent-default-tynkä aivan <head>-osion alkuun, jokainen kategoria arvoon denied.
  2. 2Lisää CookiePilot-bannerin skripti heti tyngän jälkeen.
  3. 3Siirrä GA4, Meta ja muut seurannat bannerin alle ja lataa ne vasta suostumuksen jälkeen.
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>

Bannerin asentaminen ei yksin estä skriptejäsi

CookiePilot näyttää bannerin ja tallentaa suostumuksen, mutta se ei voi hiljaisesti estää skriptejä, joita se ei hallitse. Jokainen teeman, laajennuksen tai GTM-tagin lataama seuranta jatkaa laukeamista, kunnes sidot sen suostumukseen. Käsittele jokainen lähde erikseen ja varmista, että se pysyy hiljaa ennen suostumusta.

Varmista puhtaassa istunnossa

  • Ennen suostumusta

    Avaa sivusto uudessa yksityisikkunassa. Ennen kuin napsautat mitään, mikään analytiikka- tai markkinointiskripti ei saa ajautua eikä yhtään ei-välttämätöntä evästettä saa asettaa.

  • Hylkää-napin jälkeen

    Napsauta Hylkää. Lataa sivu uudelleen ja varmista, että seurannat eivät edelleenkään lataudu eikä yhtään ei-välttämätöntä evästettä ilmesty.

  • Hyväksy-napin jälkeen

    Napsauta Hyväksy. Varmista, että seurannat latautuvat nyt ja että niiden evästeet ilmestyvät hyväksymiesi kategorioiden mukaisesti.

Valmiina asentamaan muutamassa minuutissa?

Luo projekti, kopioi site key -avaimesi ja sido jokainen seuranta aitoon suostumukseen.

Aloita ilmaiseksiLue dokumentaatio