CookiePilot

Zainstaluj CookiePilot i uzależnij każdy tracker od zgody

Najpierw wczytaj stub domyślnej zgody, potem baner, a trackery na końcu. Wybierz ścieżkę pasującą do sposobu, w jaki ładujesz skrypty.

Zacznij za darmoPrzeczytaj dokumentację

Wybierz sposób instalacji

1Metoda

Bezpośrednio w sekcji <head>

Zalecane, gdy GA4 lub Meta są wstrzykiwane przez wtyczki i potrzebujesz jednego miejsca do ich kontroli.

Kroki

  1. 1Wklej stub domyślnej zgody na samej górze sekcji <head>, z każdą kategorią ustawioną na denied.
  2. 2Zaraz pod stubem dodaj skrypt banera CookiePilot.
  3. 3Przenieś GA4, Meta i pozostałe trackery pod baner i wczytuj je dopiero po zgodzie.
  4. 4Wdróż zmiany i odśwież stronę z pominięciem cache, aby zaczęła obowiązywać nowa kolejność.
2Metoda

Przez Google Tag Manager

Zalecane, gdy Twoje tagi są już w kontenerze GTM.

Kroki

  1. 1Zostaw stub domyślnej zgody w sekcji <head>, przed kontenerem GTM.
  2. 2Wczytaj loader CookiePilot tylko raz: albo bezpośrednio po stubie domyślnej zgody w <head>, albo jako jeden tag Custom HTML uruchamiany na wyzwalaczu Consent Initialization. Nigdy obiema drogami.
  3. 3Uzależnij każdy tag GTM od odpowiedniej zgody, aby nic nie uruchamiało się przed akceptacją.
  4. 4Pamiętaj: GTM nie kontroluje trackerów ładowanych poza nim przez wtyczki CMS. Przenieś je do GTM albo zablokuj bezpośrednio.
3Metoda

Wtyczka lub moduł CMS

Zalecane tylko wtedy, gdy dla Twojej konkretnej platformy istnieje udokumentowana integracja CookiePilot i wolisz konfigurację z panelu administracyjnego.

Kroki

  1. 1Najpierw potwierdź, że dla Twojej platformy istnieje udokumentowana integracja CookiePilot; jeśli jej nie ma, skorzystaj z bezpośrednich instrukcji w <head> lub przez GTM.
  2. 2Sprawdź wygenerowany kod źródłowy strony: stub domyślnej zgody i baner CookiePilot muszą pojawić się przed trackerami. Jeśli kolejność jest błędna, popraw ją za pomocą bezpośredniego przewodnika.
  3. 3Sprawdź każdą osobną wtyczkę analityczną i marketingową: każda nadal musi odczytać zgodę CookiePilot, zanim się wczyta.
  4. 4Wyłącz każdą wtyczkę, która uruchamia własne skrypty bez sprawdzenia zgody.
4Metoda

Wiele źródeł naraz

Zalecane, gdy trackery pochodzą z kilku miejsc jednocześnie (motyw, wtyczki, GTM, kod wpisany na sztywno).

Kroki

  1. 1Zinwentaryzuj każde źródło skryptów: motyw, wtyczki, GTM i tagi wpisane na sztywno.
  2. 2Zostaw tylko jeden stub domyślnej zgody i jeden loader cookiepilot.js we wszystkich źródłach, a każdy duplikat usuń, aby nic nie ładowało się dwukrotnie.
  3. 3Uzależnij każde źródło od właściwej kategorii zgody.
  4. 4Po każdej zmianie przeskanuj stronę ponownie, aby wychwycić nowy skrypt, który wśliznął się bez blokady.

Bezpieczne przykłady kodu

Wklej te bloki w podanej kolejności. Zamień placeholdery YOUR_* na swoje wartości.

Poprawna kolejność ładowania

  1. 1Wklej stub domyślnej zgody na samej górze sekcji <head>, z każdą kategorią ustawioną na denied.
  2. 2Zaraz pod stubem dodaj skrypt banera CookiePilot.
  3. 3Przenieś GA4, Meta i pozostałe trackery pod baner i wczytuj je dopiero po zgodzie.
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>

Sama instalacja banera nie blokuje Twoich skryptów

CookiePilot wyświetla baner i zapisuje zgodę, ale nie zablokuje po cichu skryptów, których nie kontroluje. Każdy tracker ładowany przez motyw, wtyczkę czy tag GTM działa dalej, dopóki nie uzależnisz go od zgody. Potraktuj każde źródło osobno i upewnij się, że milczy przed wyrażeniem zgody.

Sprawdź w czystej sesji

  • Przed zgodą

    Otwórz stronę w nowym oknie prywatnym. Zanim cokolwiek klikniesz, żaden skrypt analityczny ani marketingowy nie powinien działać i nie powinno pojawić się żadne cookie inne niż niezbędne.

  • Po Odrzuć

    Kliknij Odrzuć. Odśwież i potwierdź, że trackery nadal się nie ładują i nie pojawia się żadne cookie inne niż niezbędne.

  • Po Akceptuj

    Kliknij Akceptuj. Potwierdź, że trackery teraz się ładują, a ich cookies pojawiają się zgodnie z zaakceptowanymi kategoriami.

Gotowy na instalację w kilka minut?

Załóż projekt, skopiuj klucz witryny i uzależnij każdy tracker od prawdziwej zgody.

Zacznij za darmoPrzeczytaj dokumentację