Dokumentacja

Wdrożenie w 5 minut

1. Snippet

Snippet znajdziesz po utworzeniu Property w sekcji Property → Integracja. Wygląda tak:

<script src="https://consented.eu/sdk/dist/stub.js"
        data-block="googletagmanager.com/gtag|connect.facebook.net"></script>
<script async src="https://consented.eu/p/TWOJE-ID-WITRYNY/cmp.js"></script>

Pierwsza linia to stub: poniżej 1 KB, synchroniczny, musi stać przed każdym innym skryptem. Od razu blokuje wzorce podane w data-block i ustawia domyślne wartości Consent Mode.

2. Blokowanie skryptów

Deklaratywnie — dla skryptów, które osadzasz sam:

<script type="text/plain" data-consented="google-analytics-4">
  gtag('config', 'G-XXXXXXX');
</script>

Na podstawie wzorców — dla skryptów osadzanych przez innych:

Przy każdej usłudze wpisz fragmenty URL (np. googletagmanager.com/gtag). MutationObserver usuwa atrybut src, zanim przeglądarka pobierze plik, i przywraca go po udzieleniu zgody.

3. API JavaScript
// Poczekaj, aż stan będzie znany
Consented.ready(function (state) {
  if (state && state.services['google-analytics-4']) { startTracking(); }
});

// Reaguj na zmiany
Consented.on('change', function (state) { console.log(state); });

// Otwórz widok szczegółowy — albo po prostu dodaj data-consented-open do elementu
Consented.openSettings();

// Dokumentowanie zgody
Consented.getConsentId();
4. Zdarzenia dataLayer
ZdarzenieKiedy
consented_readyRuntime załadowany, stan znany
consented_updatePo każdej decyzji odwiedzającego
Prawa osób, których dane dotyczą

Każda zgoda dostaje ID, które pokazuje się odwiedzającemu w widoku szczegółowym. Dzięki niemu może bez konta poprosić o wgląd albo o usunięcie:

GET    /api/v1/consent/{consentId}
DELETE /api/v1/consent/{consentId}

Albo wygodniej przez publiczną stronę wyszukiwania.