Cookie Style System od devstyle

Zgody na cookies od devstyle

Lekki baner. Uczciwa zgoda. Twardy dowód.

Cookie Style to system zgód na pliki cookies, który zbudowaliśmy w devstyle dla naszych stron. Mały skrypt banera, osobna konfiguracja dla każdej strony i log zgód, który pokazuje, na co i kiedy zgodził się odwiedzający.

  • Ok. 7 KB po kompresji
  • Log zgód
  • Google Consent Mode v2
  • Polski i angielski
  • Tryb ciemny
  • ~7 KBtyle waży skrypt banera po kompresji; limit 8 KB pilnuje automat
  • 0zależności i zapytań do zewnętrznych firm
  • 3równorzędne przyciski: odrzucam, akceptuję, ustawienia
  • 3 lataprzechowywania dowodu każdej decyzji

Dlaczego własny system

Baner, który nie spowalnia strony

Baner zgód wyświetla się na każdej podstronie, więc musi być lekki, uczciwy i przewidywalny. Dlatego Cookie Style waży ok. 7 KB, nie ładuje niczego z zewnątrz i nie stosuje sztuczek, które wymuszają zgodę.

Lekki i niezależny

Jeden skrypt bez żadnych zależności, ok. 7 KB po kompresji. Style zamknięte w Shadow DOM, więc baner nie psuje wyglądu strony, a strona banera.

Uczciwy wobec odwiedzających

Odrzucenie jest tak samo łatwe jak akceptacja. Żadnych zaznaczonych z góry przełączników i żadnej „zgody” przez przewinięcie strony.

Pod naszą kontrolą

Jedno narzędzie dla wszystkich naszych stron. Każda strona ma własną konfigurację: kategorie, listę cookies, teksty i kolor, sprawdzane automatycznie przed publikacją.

Funkcje

Wszystko, czego wymaga zgoda na cookies. I nic ponad to.

Od pierwszego wyświetlenia banera, przez blokowanie skryptów, po dowód zgody zapisany na trzy lata.

Ustawienia

Każda kategoria osobno, każde cookie z nazwy

Kto chce wybrać, dostaje drugą warstwę: kategorie z przełącznikami, opis celu i pełną listę cookies. Wszystko po ludzku, bez prawniczego żargonu.

  • Kategorie: niezbędne, preferencje, statystyka i marketing; opcjonalne startują wyłączone
  • Lista cookies: nazwa, dostawca, cel i czas ważności
  • Nazwa administratora danych i link do polityki prywatności
  • Zmiana albo wycofanie zgody w każdej chwili, z linku „Ustawienia cookies” w stopce
  • Wycofanie zgody usuwa cookies tej kategorii
Blokowanie skryptów

Skrypty startują dopiero po zgodzie

Piksel reklamowy, statystyki czy osadzony film czekają, aż odwiedzający zgodzi się na swoją kategorię. Wystarczy jeden atrybut w kodzie strony.

  • Skrypty uruchamiają się po zgodzie w oryginalnej kolejności
  • Jeden skrypt może wymagać kilku kategorii naraz
  • Ramki (np. YouTube) pokazują zamiast treści przycisk „Zezwól i pokaż”
  • Elementy dodane do strony później też są pilnowane
<!-- uruchomi się dopiero po zgodzie na marketing -->
<script type="text/plain"
        data-cookiestyle="marketing">
  fbq("track", "PageView");
</script>
Log zgód

Dowód zgody bez danych osobowych

RODO wymaga, żeby umieć wykazać zgodę. Każda decyzja trafia do logu z unikalnym identyfikatorem, który odwiedzający widzi też w swoich ustawieniach. Po identyfikatorze odnajdziemy jego wpis.

  • Zapisujemy: kategorie, sposób decyzji, wersję ustawień, język, adres strony bez parametrów i rodzaj urządzenia
  • Nie zapisujemy adresu IP ani pełnego identyfikatora przeglądarki
  • Wpis przyjmujemy tylko z domeny danej strony
  • Po trzech latach wpis usuwa się sam
// przykładowy wpis w logu zgód
{
  "site": "szkolenia",
  "id": "3f9c2b6e-8d41-4a7e-b0c5-1e2d7a9f4c60",
  "configVersion": 3,
  "categories": ["marketing"],
  "method": "custom",
  "language": "pl",
  "url": "https://szkolenia.devstyle.pl/",
  "device": "mobile",
  "createdAt": "2026-10-16T09:41:00.000Z"
}
Wygląd

Pasuje do strony, w dzień i w nocy

Baner przejmuje krój pisma ze strony, a kolor akcentu ustawiamy osobno dla każdej marki. Gdy odwiedzający ma ciemny motyw systemu, baner też jest ciemny.

  • Jasny i ciemny motyw, przełączany automatycznie
  • Kolor akcentu marki, z wymuszonym kontrastem zgodnym z WCAG AA
  • Teksty po polsku i po angielsku, według języka strony

A do tego

Drobiazgi, które robią różnicę

Google Consent Mode v2

Gdy strona korzysta z narzędzi Google, baner domyślnie wysyła im „brak zgody”, a po decyzji odwiedzającego aktualizuje sygnały.

Nowa wersja, nowe pytanie

Gdy zmieniamy zakres cookies na stronie, podbijamy wersję ustawień i baner pyta o zgodę od nowa. Zgoda jest ważna 12 miesięcy.

Zmiany w kilka minut

Poprawka tekstu albo listy cookies dociera na stronę kilka minut po publikacji, bez zmian w kodzie samej strony.

API dla programistów

Strona może sprawdzić zgodę, otworzyć ustawienia albo zareagować na zdarzenia cookiestyle:ready i cookiestyle:change.

Codzienna kontrola

Co rano automat sprawdza baner na każdej stronie, działanie logu, alarmy i koszty. O problemie dowiadujemy się od razu.

Dostępny dla każdego

Okno ustawień działa z klawiatury i z czytnikiem ekranu. Automatyczne testy dostępności przechodzą bez uwag.

Zasady

Reguły, których baner nie złamie

Każda z tych zasad ma swój automatyczny test. Jeśli ktoś przypadkiem ją naruszy, zmiana nie przejdzie.

  • Zgoda tylko kliknięciem

    Przewinięcie strony, zamknięcie banera czy przejście dalej to nie zgoda. Liczy się tylko świadoma decyzja.

  • Równa waga przycisków

    Przyciski „Odrzucam wszystkie” i „Akceptuję wszystkie” wyglądają tak samo. Żaden nie jest schowany ani wyszarzony.

  • Wszystko wyłączone na start

    Opcjonalne kategorie zaczynają wyłączone. Bez zgody strona działa normalnie, tylko bez reklam i statystyk.

  • Nic nie rusza przed zgodą

    Oznaczony skrypt ani ramka nie wystartują przed zgodą na ich kategorię, nawet przy wolnym łączu.

  • Literówka blokuje, nie przepuszcza

    Skrypt z błędnie wpisaną kategorią zostaje zablokowany na stałe. Błąd w kodzie nie otworzy furtki.

  • Konfiguracja bez skrótów

    Ustawień strony nie da się opublikować bez tłumaczeń każdego cookie, linku do polityki prywatności i czytelnego kontrastu kolorów.

Prywatność i bezpieczeństwo

System od zgód, który sam szanuje prywatność

Narzędzie do pytania o zgodę nie może zbierać więcej, niż musi. Dlatego Cookie Style zapisuje minimum potrzebne do wykazania zgody.

Bez adresów IP

Log nie zna adresu IP ani pełnego identyfikatora przeglądarki. Z urządzenia zapisujemy tylko jego rodzaj: telefon, tablet albo komputer.

Tylko z własnej domeny

Wpis do logu przyjmujemy wyłącznie z domeny strony, której dotyczy, i tylko dla aktualnej wersji jej ustawień.

Retencja z automatu

Wpisy w logu usuwają się same po trzech latach. Nikt nie musi o tym pamiętać.

Dane w Unii Europejskiej

Log zgód działa na naszym koncie AWS w regionie Frankfurt. Skrypt banera serwujemy z własnej domeny.

Bez cudzych skryptów

Baner nie ładuje niczego od zewnętrznych firm. Odwiedzający rozmawia tylko z naszą infrastrukturą.

Awaria logu nie blokuje strony

Jeśli zapis do logu się nie uda, baner i strona działają dalej, a decyzja odwiedzającego i tak jest respektowana.

Na telefonie

Projektowany najpierw pod telefon

Baner od początku powstawał z myślą o małych ekranach. Na telefonie nie zasłania całej strony, a przyciski są duże i wygodne do kliknięcia kciukiem.

  • Pasek na dole ekranu zamiast okna na całą stronę
  • Ustawienia w przewijanym oknie, z dużymi przyciskami
  • Pełna obsługa z klawiatury i czytnika ekranu

Gdzie działa

Już pracuje na naszych stronach

Cookie Style pyta o zgodę między innymi tutaj. Kolejne strony devstyle przechodzą na niego krok po kroku.

  • szkolenia.devstyle.pl
  • developerjutra.pl
  • architektjutra.pl
  • domaindrivers.pl
  • junior.devstyle.pl

Mniej znaczy pewniej

Czego celowo nie zbudowaliśmy

Nie zgadujemy, co blokować. Każdy skrypt zależny od zgody oznaczamy świadomie, a automat pilnuje, żeby nie wystartował za wcześnie. Dzięki temu baner jest mały, przewidywalny i łatwy do sprawdzenia.

  • Skaner cookies
  • Automatyczne blokowanie
  • Geotargeting
  • Ramy TCF / IAB