Menu dokumentacji
Baner i deklaracja
Konfiguracja banera CookieHug: model zgody, widok po zgodzie, link „Ustawienia cookies”, własne UI i deklaracja cookies ze skanowaniem.
Personalizacja banera
Konfiguracja w panelu
Wygląd banera jest w pełni konfigurowalny w panelu CookieHug: kolory (tło, tekst, przyciski), pozycja (dół, góra, modal na środku), teksty i opisy, ustawienia czcionek oraz logo.
Model zgody (opt-in / opt-out / notice-only)
Domena → Zaawansowane → Polityka zgody określa, jak baner traktuje odwiedzającego, który jeszcze nie podjął decyzji:
| Model | Zachowanie przed decyzją |
|---|---|
| Opt-in (domyślny) | Bez zgody nic nie rusza: skrypty niekonieczne pozostają zablokowane, a wszystkie sygnały Google Consent Mode startują jako denied. Właściwy model dla EOG (RODO). |
| Opt-out | Zgoda jest domniemana: sygnały startują jako granted, a skrypty działają, ale odwiedzający może w każdej chwili odmówić. Stosowany tam, gdzie prawo na to pozwala (np. część USA). |
| Notice-only | Baner tylko informuje — nie ma wyboru, używane są wyłącznie cookies konieczne. Decyzja zapisuje się z method: "notice_only" w cookie zgody. |
Model steruje domyślnym stanem przełączników kategorii, przyciskami banera i defaultami Google Consent Mode. Dzięki regułom regionalnym (geo-IP) możesz zostawić opt-in w Europie, a w innych regionach świata serwować opt-out albo notice-only.
Widok banera po udzieleniu zgody
Domena → Zaawansowane → Polityka zgody → widok po zgodzie określa, co widzi odwiedzający z zapisaną decyzją, gdy baner zostanie otwarty ponownie:
- Podsumowanie (domyślne, zalecane przy RODO art. 7 ust. 3) — pokazuje ID zgody, datę i status kategorii z dwoma przyciskami: odrzuć zgodę / zmień zgodę. Wycofanie zgody musi być równie łatwe jak jej udzielenie — ten widok załatwia je jednym kliknięciem.
- Edytor — ponowne otwarcie od razu ładuje edytor kategorii (klasyczny flow).
- Nic — baner nie otwiera się samoczynnie; odwiedzający dociera do niego przez pływającą ikonę lub wywołanie
CookieHug.show().
Własny interfejs zgody
Zbuduj własny interfejs zgody używając submitCustomConsent():
document.getElementById('my-accept-all')
.addEventListener('click', function() {
CookieHug.submitCustomConsent(true, true, true);
});
document.getElementById('my-reject-all')
.addEventListener('click', function() {
CookieHug.submitCustomConsent(false, false, false);
});
document.getElementById('my-save')
.addEventListener('click', function() {
var prefs = document.getElementById('pref-checkbox').checked;
var stats = document.getElementById('stats-checkbox').checked;
var mktg = document.getElementById('mktg-checkbox').checked;
CookieHug.submitCustomConsent(prefs, stats, mktg);
});Deklaracja cookies
Osadzanie deklaracji
Aby wyświetlić tabelę deklaracji cookies na swojej stronie (np. na stronie "Polityka cookies"), dodaj <div> z id cookiehug-declaration:
<div id="cookiehug-declaration"></div>CookieHug automatycznie wypełni ten element skategoryzowaną tabelą wszystkich cookies znalezionych na Twojej domenie. W PrestaShop użyj modułu (edytor CMS odrzuca znaczniki script), a w WordPressie shortcode’u [cookiehug_declaration] — patrz sekcje platform powyżej.
Automatyczne skanowanie
CookieHug okresowo skanuje Twoją stronę i automatycznie kategoryzuje cookies. Możesz też uruchomić skanowanie ręcznie z panelu.
Ręczne zarządzanie cookies
W panelu CookieHug możesz: dodawać cookies ręcznie, edytować opisy i kategorie cookies, ustawiać informacje o wygasaniu oraz przypisywać cookies do kategorii (niezbędne, preferencje, statystyki, marketing).