Cztery autorskie projekty banera cookies do edycji i skopiowania, sprawdzarka ryzykownych wyborów według wytycznych brytyjskiego ICO i kod Google Consent Mode v2.
Dobry baner cookies oferuje obok siebie przyciski Zaakceptuj wszystkie i Odrzuć wszystkie, daje możliwość wyboru według kategorii i pozostawia wszystkie przełączniki nieniezbędnych cookies wyłączone, dopóki odwiedzający nie zdecyduje. Poniżej znajdziesz cztery autorskie projekty banerów do edycji i skopiowania, sprawdzarkę ryzykownych wyborów oraz kod Google Consent Mode, który z nimi współpracuje.
Wybory w banerze w skrócie (na podstawie wytycznych brytyjskiego ICO, stan na październik 2026)
Większość galerii banerów pokazuje zrzuty ekranu banerów innych firm, nie mówiąc, czy są zgodne z przepisami. Przykłady tutaj to nasze własne projekty, działające i edytowalne, a każdy z nich zestawiono z tym, co wytyczne brytyjskiego regulatora naprawdę mówią o odmowie, ustawieniach domyślnych i milczeniu. Ta strona wyjaśnia wzorce projektowe i nie jest poradą prawną.
Strona brytyjskiego ICO o zarządzaniu zgodą opisuje dobrą praktykę jako mechanizm, w którym odmowa zgody jest tak samo łatwa jak jej udzielenie, a jako przykład złej praktyki podaje baner z Zaakceptuj wszystkie, ale bez Odrzuć wszystkie. W innych krajach zasady ustala lokalny organ, więc sprawdź wytyczne krajów, w których działasz.
ICO stwierdza, że milczenie lub bezczynność nie są zgodą, a pop-up traktujący dalsze korzystanie jako zgodę określa jako włączanie cookies z góry bez zgody. Jeśli odwiedzający zignoruje baner, nie włączaj nieniezbędnych cookies.
Cookies ściśle niezbędne do czegoś, o co poprosił odwiedzający, na przykład koszyka zakupowego lub logowania, są objęte wyjątkiem. ICO zaznacza, że cookies pomocne lub wygodne, ale nie niezbędne, nadal wymagają zgody.
To sposób na przekazanie tagom Google, czy odwiedzający wyraził zgodę. Ustawiasz wartość domyślną przez gtag('consent', 'default', ...) przed załadowaniem tagów, a potem wywołujesz gtag('consent', 'update', ...), gdy dokona wyboru. Wersja 2 dodała parametry ad_user_data i ad_personalization obok ad_storage i analytics_storage.
Obie formy mogą działać. Dolny pasek pozostawia stronę czytelną, a wyśrodkowane okienko szybciej skłania do decyzji, ale zasłania treść. Ważniejsze jest, by oba wybory były równie łatwe i by nic nieniezbędnego nie uruchamiało się wcześniej.
Każdy podgląd działa w piaskownicy z wyłączonymi skryptami, więc przyciski tutaj nic nie robią. Skopiuj kod i podłącz przyciski do własnego kodu obsługi zgód.
Najczęstszy układ. Akceptuj i Odrzuć mają ten sam styl, a Wybierz otwiera panel ustawień.
Zajmuje mniej miejsca na dużych ekranach. Na telefonie pozwól mu rozciągnąć się na całą szerokość.
Niezbędne cookies są pokazane jako zawsze włączone, a każde inne pole startuje jako niezaznaczone.
Mały link w stopce każdej strony pozwala odwiedzającym zmienić zdanie w dowolnym momencie.
Jeśli Twoja strona używa tagów Google, ustaw wartość domyślną przed załadowaniem tagów i zaktualizuj ją, gdy odwiedzający dokona wyboru. Poniższe nazwy parametrów pochodzą z dokumentacji consent mode Google.
Parametry Consent Mode
Wywołanie domyślne umieszczasz przed fragmentem tagu Google. wait_for_update daje banerowi 500 milisekund na wysłanie aktualizacji, zanim tagi się uruchomią.
Układ
Dolny pasek
Okienko w rogu
Wyśrodkowane okienko
Co robi Twój baner
Odrzuć wszystkie jest na pierwszym ekranie
Akceptuj i Odrzuć wyglądają tak samo
Przełącznik analityki jest domyślnie włączony
Tekst mówi, że dalsze przeglądanie oznacza zgodę
Link Ustawienia cookies pozwala zmienić zdanie
Podgląd
Używamy cookies, aby ta strona działała, a jeśli się zgodzisz, także do mierzenia odwiedzin.
Kontynuując przeglądanie, zgadzasz się na używanie przez nas cookies.
Zaakceptuj wszystkie
Odrzuć wszystkie
Wybierz
Analityka
Uwagi
W Twoich wyborach nie znaleziono ryzykownych opcji.
Brak Odrzuć wszystkie na pierwszym ekranie. ICO opisuje dobrą praktykę jako taką, w której odmowa zgody jest tak samo łatwa jak jej udzielenie.
Odrzuć wygląda słabiej niż Akceptuj. Naszym zdaniem utrudnia to odmowę w porównaniu z akceptacją. Równa para to bezpieczniejszy projekt.
Przełącznik nieniezbędnych cookies jest domyślnie włączony. W przykładach dobrej praktyki ICO przełączniki technologii nieobjętych wyjątkiem są domyślnie wyłączone.
Dalsze przeglądanie jest traktowane jako zgoda. ICO stwierdza, że milczenie lub bezczynność nie są zgodą.
Brak możliwości późniejszej zmiany wyboru. ICO stwierdza, że użytkownicy powinni móc łatwo włączać i wyłączać nieniezbędne cookies.
Pomoc projektowa oparta na opublikowanych wytycznych ICO, a nie porada prawna.
Zacznij za darmo · Bez karty kredytowej