Dokumentacja
Wdrożenie w 5 minut
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.
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.
// 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();
| Zdarzenie | Kiedy |
|---|---|
consented_ready | Runtime załadowany, stan znany |
consented_update | Po każdej decyzji odwiedzającego |
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.