produkt

Baner

Baner edytuje się na czterech ekranach (Wygląd, Teksty, Reguły, Wersje) wokół podglądu na żywo, który pokazuje prawdziwy runtime, nie makietę. Publikacja tworzy numerowane, niezmienne wersje; podgląd i produkcja to dwa osobne dokumenty.

edytorJak zbudowany jest edytor

Jeden pasek u góry zawiera to, co dotyczy każdego ekranu: który dokument edytujesz (szkic podglądowy czy produkcyjny), stan zapisu (szkice zapisują się automatycznie), plakietkę lint i przycisk Publikuj. Poniżej cztery ekrany:

• Wygląd: wybierz projekt startowy i dostosuj go.
• Teksty: każdy tekst pokazywany przez baner, per język.
• Reguły: kategorie, regiony, Google Consent Mode i zachowanie, każde na własnym ekranie.
• Wersje: rejestr wszystkiego, co kiedykolwiek opublikowano.

Podgląd na żywo towarzyszy ekranom, na których widzenie pomaga (Wygląd, Teksty, Kategorie), i ustępuje tam, gdzie nie może nic pokazać (Regiony, Consent Mode, Zachowanie). Uruchamia prawdziwy runtime banera i symuluje odwiedzającego: wybierz kraj, zestaw reguł, komputer lub telefon, pierwszy ekran lub panel ustawień, nawet sygnał Global Privacy Control. Kontrolki nic nie zmieniają; to symulacja, i podgląd o tym mówi.

wyglądPresety i jak uczynić jeden swoim

Nowe strony zaczynają od Standard: wyśrodkowane białe okno z trzema równymi niebieskimi przyciskami (Akceptuj wszystko, Ustawienia, Odrzuć wszystko), kształt, który większość europejskich odwiedzających już zna. Dziesięć kolejnych wbudowanych projektów obejmuje zakres od cichych pasków dziedziczących czcionkę Twojej strony po głośne, celowo niemożliwe do przeoczenia komunikaty, plus wariant w treści strony, który nic nie zasłania, i tryb headless, w którym sam budujesz interfejs na API runtime.

Kilka wbudowanych projektów pochodzi z systemu inspirowanego drukiem: dwa kolory farby na papierze, z głębią uzyskaną przez solidną, przesuniętą drugą płytę zamiast cieni, a rekord zgody wyrenderowany jako paragon oderwany od krawędzi banera. Nie musisz nic z tego rozumieć, żeby ich używać; każda karta presetu pokazuje dokładnie, jak wygląda, a „Wypróbuj” pokazuje projekt w podglądzie, nie zmieniając nic, dopóki go nie zastosujesz.

Pod „Dostosuj ten projekt” zawsze dostępny jest pełny zestaw kontrolek: siedem układów (pasek, arkusz, modal, narożnik, wstążka, w treści, headless), położenie, kolory z podglądem kontrastu na żywo, typografia, zaokrąglenie i własny CSS. Dwie zasady obowiązują w każdym projekcie: Akceptuj i Odrzuć to identyczne obiekty, a odwiedzający zawsze może wrócić i zmienić zdanie.

Twoje strony: każdy baner linkuje w stopce do Twojego impressum i polityki prywatności. Oba są wymagane, a publikacja jest blokowana, dopóki oba nie są prawdziwymi adresami. To celowe: unijny baner zgody bez nich prosi się o kłopoty.

Stopka banera zawiera małą linię „Made & Hosted in Europe by CookieCrumbs” z linkiem do cookiecrumbs.eu. Jej usunięcie jest częścią planów płatnych; w planie Free linia zawsze się wyświetla, a publikacja konfiguracji, która ją ukrywa, jest blokowana.

tekstyTeksty pogrupowane według miejsca

Ekran Teksty wymienia każdy tekst w kolejności, w jakiej spotyka go odwiedzający, nie w kolejności schematu: pierwszy ekran (tytuł, treść, trzy przyciski), panel ustawień (przycisk zapisu, etykieta identyfikatora zgody) i drobny druk wokół obu (linki w stopce, element ponownego otwarcia, wybór języka). Teksty, których Twoja obecna konfiguracja nie używa, są zwinięte w jedną linię na końcu; teksty warunkowe pojawiają się dokładnie wtedy, gdy reguła lub zachowanie czyni je wymaganymi, i są tak oznaczone.

Ustawienie fokusu na polu przełącza podgląd na ekran, na którym żyje ten tekst, w edytowanym języku. Zawsze więc widzisz, co zmieniasz.

Języki

Baner może mówić w maksymalnie czterdziestu językach (dokładny limit zależy od planu). Siedem przychodzi w pełni przetłumaczonych: angielski, niemiecki, francuski, niderlandzki, hiszpański, włoski i portugalski brazylijski, łącznie z tekstami i opisami kategorii. Każdy inny tag BCP 47 zaczyna jako kopia Twojego języka domyślnego do przetłumaczenia. Każdy chip języka pokazuje, ile tekstów jest jeszcze pustych; podczas tłumaczenia „Porównaj z angielskim” umieszcza tekst referencyjny pod każdym polem z przyciskiem kopiowania. Wybór języka dla odwiedzających pojawia się automatycznie, gdy skonfigurowano więcej niż jeden język, i można go wyłączyć.

regułyKategorie, regiony, zachowanie

Kategorie

Kategorie to przełączniki na Twoim banerze: domyślnie Niezbędne, Statystyki, Marketing i Preferencje, plus te, które dodasz. Niezbędne są zablokowane jako włączone. Każda kategoria ma nazwę i opis per język, swoje sygnały Google Consent Mode i informację, czy jest domyślnie włączona (w regułach opt-in mogą być tylko Niezbędne). Własne kategorie można dodać tutaj lub bezpośrednio na stronie Cookies i trackery; obie edytują ten sam szkic. Wszystko, co zmienisz, jest od razu widoczne w panelu ustawień podglądu, bo kategorie są tym panelem.

Regiony

Najpierw jedno pytanie: gdzie są Twoi odwiedzający? Europa, Europa i Wielka Brytania, czy cały świat. Odpowiedź włącza właściwe zestawy reguł, a ekran podsumowuje wynik jednym uczciwym zdaniem. Wszystko inne (ustawienia per reżim, wygaśnięcie zgody, wyjątki dla krajów, wymuszony reżim do testów) siedzi pod Zaawansowane. Szczegóły każdego reżimu są w Regionach i reżimach.

Consent Mode

Jeśli używasz tagów Google, baner przekazuje im każdą decyzję. Zobacz Google Consent Mode.

Zachowanie

Co dzieje się wokół wyboru. Pytaj ponownie po istotnej zmianie (domyślnie włączone): gdy wersja jest publikowana jako istotna, czyli z nowymi celami lub sygnałami, odwiedzający, którzy już zdecydowali, są pytani ponownie. Pamiętaj odmowę od jednego do trzynastu miesięcy. Pokazuj identyfikator zgody, żeby odwiedzający mogli go podać, korzystając ze swoich praw. Element ponownego otwarcia to albo pływający przycisk, albo link, który umieszczasz we własnej stopce; jeden z nich jest wymagany, bo wycofanie zgody musi pozostać równie łatwe jak jej udzielenie. Zamknięcie banera może liczyć się jako odmowa; jeśli to włączysz, informacja o tym dla odwiedzających staje się wymagana, a najsurowsza interpretacja jest zawsze domyślna.

lintPlakietka lint

Edytor lintuje szkic na bieżąco, a serwer lintuje go ponownie przy publikacji; oba nigdy się nie rozjadą, bo wykonują te same reguły. Blokujące znaleziska (brak impressum, brak polityki prywatności, kategoria, na którą wskazuje usługa, a która już nie istnieje, wyłączony reżim zapasowy) zatrzymują publikację komunikatem zwykłymi słowami i linkiem do dokładnego pola. Ostrzeżenia doradzają, ale nie blokują.

publikacjaWersje i co każda osiągnęła

Publikacja tworzy niezmienną numerowaną wersję, zapisuje, kto ją opublikował i skąd, i dodaje wpis audytu. Okno publikacji prosi o krótką notatkę i o to, czy zmiana jest istotna. Podgląd i produkcja są publikowane osobno; promocja wprowadza na żywo bieżącą wersję podglądową.

Ekran Wersje to rejestr i zamyka pętlę, którą większość narzędzi do zgód zostawia otwartą: każda wersja, która działała na produkcji, pokazuje swój wskaźnik opt-in i zmianę względem poprzedniej. Wersja, która nigdy nie trafiła na produkcję albo ma za mało decyzji, by uczciwie raportować, pokazuje kreskę i mówi dlaczego. Przywróć i promuj są bezpośrednio w wierszu; nic tu nigdy nie jest nadpisywane, więc cofnięcie jest bezpieczne z założenia. Każda opublikowana wersja dostaje też wyrenderowane zrzuty ekranu (komputer i telefon, oba ekrany banera) i automatyczny test dostępności, przechowywane z wersją jako dowód tego, co widzieli odwiedzający.