System Zgod Cookie

Profesjonalne zarzadzanie zgodami RODO z integracja Google Tag Manager

Zarzadzanie zgodami

Kliknij ponizej, aby otworzyc panel zarzadzania zgodami lub zresetowac wczesniejsze wybory.

Zarzadzaj zgodami Resetuj zgody

Status zgod (debug)

Aktualny stan zgod uzytkownika — przydatne do testowania:

Jak wdrozyc na swojej stronie

1. Dodaj style w <head>

<link rel="stylesheet" href="cookie-consent.css">

2. Dodaj konfiguracje systemu zgod

<script src="cookie-config.js"></script>

3. Dodaj tag GTM (po cookie-config.js)

<script>(function(w,d,s,l,i){...})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>

4. Dodaj link do zarzadzania zgodami

<a href="#" onclick="CookieConsent.showModal(); return false;">
    Zarzadzaj ciasteczkami
</a>

5. Zmien pozycje banera

W pliku cookie-config.js zmien zmienna POSITION:

var POSITION = 'bottom-right';
// Opcje: 'bottom-bar', 'bottom-right', 'bottom-left', 'top-bar', 'center-modal'

Jak dodac nowy serwis

W pliku cookie-config.js, w tablicy CookieConsent.services dodaj:

{
    name: 'moj-serwis',
    purposes: ['analytics'],
    cookies: ['cookie-name'],
    default: false,
    required: false,
}

I dodaj polskie tlumaczenie w sekcji translations.pl.services:

'moj-serwis': {
    title: 'Nazwa Mojego Serwisu',
    description: 'Opis do czego sluzy ten serwis.',
},

Konfiguracja Google Tag Manager

Wazne: System wykorzystuje Google Consent Mode v2. Tagi w GTM powinny korzystac z wbudowanego consent mode, a nie z custom eventow.

Jak to dziala:

System automatycznie wysyla gtag('consent', 'update', ...) na podstawie wyborow uzytkownika. Nie ma potrzeby tworzenia osobnych triggerow — consent mode sam kontroluje, ktore tagi moga dzialac.

Consent Mode v2 — mapowanie zgod:

analytics_storage       → granted gdy Google Analytics zaakceptowane
ad_storage              → granted gdy Google Ads lub Facebook zaakceptowane
ad_user_data            → granted gdy Google Ads lub Facebook zaakceptowane
ad_personalization      → granted gdy Google Ads zaakceptowane
functionality_storage   → granted gdy Hotjar lub LinkedIn zaakceptowane
personalization_storage → granted gdy Hotjar lub LinkedIn zaakceptowane
security_storage        → granted (zawsze)

Konfiguracja tagow w GTM:

W ustawieniach kazdego tagu w GTM wlacz odpowiedni Consent Type:

Tag GA4          → wymaga: analytics_storage
Tag Google Ads   → wymaga: ad_storage, ad_user_data, ad_personalization
Tag Facebook     → wymaga: ad_storage, ad_user_data
Tag Hotjar       → wymaga: functionality_storage
Tag LinkedIn     → wymaga: functionality_storage