KATLA DLA WEBFLOW
Zgoda na pliki cookie w Webflow, z banerem zaprojektowanym po Twojemu.
Dodaj Katlę do Webflow jako kod w sekcji head każdej strony i korzystaj z hostowanego banera albo zaprojektuj własny baner w Webflow i uruchom za nim Katlę w trybie headless. Kontener Google Tag Manager też zadziała, a skanowanie pisze politykę cookies na podstawie tego, co ustawia Twoja strona.
Kod w head, wszystkie stronyAlbo Google Tag ManagerAlbo baner zbudowany w Webflow
Site settings → Custom code → Head codeHead, wszystkie strony
1. In Katla, add your Webflow site's domain and let the first scan run. 2. Install → Widget, and copy the snippet. 3. In Webflow: Site settings → Custom code → Head code. 4. Paste it into the head code for all pages, above any analytics or advertising code. 5. Publish, then open the site in a private window and check that the banner appears. For a banner you design yourself, load https://cdn.katla.app/YOUR-SITE-ID.js?headless=true instead: the guard and the API, no banner.
Sprawdź, czy Twój plan Webflow obejmuje własny kod dla całej stronyPrzewodnik po widgecie →
DLACZEGO STRONY NA WEBFLOW MAJĄ KŁOPOT ZE ZGODĄ
Strona na Webflow zbiera pliki cookie ze wszystkiego, co do niej dodasz.
PROBLEMIntegracje, osadzone treści i tagi marketingowe na stronie Webflow ustawiają własne pliki cookie, a polityka cookies to gotowy wzór, który ktoś kiedyś raz dopasował.
Z KATLĄKatla skanuje opublikowaną stronę tak, jak zobaczyłby ją odwiedzający, wypisuje każdy znaleziony plik cookie z dostawcą i celem, a na podstawie tej listy pisze politykę cookies.
PROBLEMBaner zgody, który ignoruje Twój design system, to jedyny element na stronie, którego nie możesz ostylować.
Z KATLĄZaładuj Katlę w trybie headless, zaprojektuj baner jako zwykły element Webflow i wywołuj KatlaConsent z jego przycisków. Logika zgody, blokada i zapisy zgód zostają po stronie Katli.
PROBLEMKod śledzący w sekcji head działa od razu po załadowaniu strony, zanim odwiedzający cokolwiek wybierze.
Z KATLĄBlokada cookies odrzuca pliki cookie spoza kategorii ze zgodą i usuwa te ustawione przed jej uruchomieniem. Skrypty dodane przez Ciebie mogą poczekać na zgodę dzięki data-katla-category.
KONFIGURACJA
Trzy sposoby instalacji i asystent, jeśli chcesz.
- Widget: wklej jeden fragment koduSkopiuj fragment kodu z Install → Widget w Katli i wklej go do kodu w sekcji head wszystkich stron (Site settings → Custom code → Head code), powyżej kodu analityki.
- Tag Manager: nic do wklejaniaJeśli Twoja strona na Webflow już ładuje kontener Google Tag Manager, połącz konto Google w Katli, a Katla zapisze tam własny tag na regule Consent Initialization.
- Własny baner: headlessZaładuj Katlę z włączonym trybem headless i zaprojektuj baner w Webflow. Jego przyciski wywołują KatlaConsent.acceptAll(), rejectAll() lub acceptCategories().
- Albo poproś asystentaPołącz Claude lub ChatGPT z serwerem MCP Katli, a asystent doda stronę, zeskanuje ją i przekaże Ci fragment kodu. Ty wklejasz go w Webflow, a asystent sprawdza potem działającą stronę pod kątem plików cookie ustawionych przed zgodą.
STWORZONE DLA WEBFLOW
Co dostajesz, niezależnie od sposobu instalacji.
Consent Mode v2Wartości domyślne i aktualizacje dla GA4 i Google Ads pochodzą z banera, więc nie trzeba pisać ani synchronizować kodu zgody gtag.
Skanowanie plików cookie przez AIKażdy plik cookie na opublikowanej stronie na Webflow, sklasyfikowany według kategorii i dostawcy, z opisem w każdym języku Twojej strony.
Polityka, która nadążaPolitykę cookies osadzisz na dowolnej stronie krótkim fragmentem kodu. Jest generowana ze skanowania i sama się aktualizuje po każdym skanowaniu.
Droga powrotu do wyboruPływająca ikona albo link wywołujący katla.open() pozwala odwiedzającym zmienić lub wycofać wybór z dowolnej strony.
Global Privacy ControlOdwiedzający, których przeglądarka wysyła GPC, są zapisywani jako odmawiający zgody albo, w przypadku CCPA, jako rezygnujący (opt-out), zanim baner o cokolwiek zapyta.
Hosting w UEKatla działa w regionie eu-central-1 AWS, we Frankfurcie.
CORE WEB VITALS
Ciasteczka się kruszą. Twoje SEO nie musi.
Baner zgody to pierwsza usługa zewnętrzna na każdej stronie, a strony z kreatorów i tak niosą mnóstwo skryptów. Baner Katli to 18 KB transferu, serwowany z CDN i cache’owany na brzegu sieci, a tryb headless to 4 KB.
Jak działa tryb headless →18 kBTransferBaner i dane Twoich plików cookie, brotli
0 msWzrost LCPW porównaniu z tą samą stroną bez niego
0Przesunięcie układuBaner nie rezerwuje miejsca w układzie strony
2ŻądanieJeden skrypt, cache’owany na brzegu sieci
Nasze własne pomiary z : jak je wykonaliśmy.
Pytania od zespołów pracujących z Webflow
- Czy jest aplikacja Katla dla Webflow?
- Nie i nie jest potrzebna. Katla działa na Webflow jako jeden fragment kodu w kodzie head całej strony, z kontenera Google Tag Manager albo w trybie headless za zaprojektowanym przez Ciebie banerem.
- Czy Katla blokuje pliki cookie ustawiane przez Webflow?
- Skanowanie je wypisuje. Pliki cookie, których Webflow potrzebuje do sesji i bezpieczeństwa, są niezbędne i zostają. Każdy plik cookie, na który odwiedzający się nie zgodził, jest usuwany przy starcie Katli i odrzucany później, ale pliki cookie ustawiane przez serwery Webflow, a nie przez skrypty na stronie, są poza zasięgiem każdego skryptu banera.
- Czy mój asystent AI może to zainstalować?
- Wszystko poza wklejeniem. Po połączeniu z serwerem MCP Katli Claude lub ChatGPT dodaje stronę, uruchamia skanowanie, daje Ci fragment kodu i mówi, gdzie go umieścić w Webflow, a po publikacji sprawdza działającą stronę.
- Jak podłączyć baner zaprojektowany w Webflow?
- Załaduj https://cdn.katla.app/YOUR-SITE-ID.js?headless=true w kodzie head, pokazuj swój baner, dopóki KatlaConsent.hasConsent() zwraca false, a jego przyciski niech wywołują KatlaConsent.acceptAll(), KatlaConsent.rejectAll() lub KatlaConsent.acceptCategories() z krótkiego skryptu we własnym kodzie strony.
- Jakiego planu Webflow potrzebuję?
- Takiego, który publikuje własny kod dla całej strony, więc sprawdź, czy Twój plan go obejmuje. Po stronie Katli darmowy plan skanuje stronę i generuje politykę.
Zeskanuj stronę na Webflow, potem dodaj jeden fragment kodu.
Darmowy plan skanuje Twoją stronę na Webflow i generuje politykę cookies, bez podawania karty.