KATLA DLA FRAMER
Zgoda na pliki cookie w Framer, z kodu w head albo z własnego projektu.
Dodaj Katlę do Framer jako własny kod na początku sekcji head i korzystaj z hostowanego banera albo zaprojektuj baner w Framer 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.
Początek head, każda stronaAlbo Google Tag ManagerAlbo baner zbudowany w Framer
Site settings → Custom code → Start of <head> tagHead, wszystkie strony
1. In Katla, add your Framer site's domain and let the first scan run. 2. Install → Widget, and copy the snippet. 3. In Framer: Site settings → Custom code → Start of <head> tag. 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 Framer obejmuje własny kodPrzewodnik po widgecie →
DLACZEGO STRONY NA FRAMER MAJĄ KŁOPOT ZE ZGODĄ
Strona na Framer zbiera pliki cookie ze wszystkiego, co do niej dodasz.
PROBLEMAnalityka, osadzone treści i integracje dodane do strony na Framer 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.
PROBLEMGotowy baner to jedyny element starannie zaprojektowanej strony na Framer, który ignoruje projekt.
Z KATLĄZaładuj Katlę w trybie headless, zaprojektuj baner w Framer i wywołuj KatlaConsent z jego przycisków. Logika zgody, blokada i zapisy zgód zostają po stronie Katli.
PROBLEMKod śledzący na początku 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 → Start of <head> tag), powyżej kodu analityki.
- Tag Manager: nic do wklejaniaJeśli Twoja strona na Framer 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 Framer. 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 Framer, a asystent sprawdza potem działającą stronę pod kątem plików cookie ustawionych przed zgodą.
STWORZONE DLA FRAMER
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 Framer, 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 Framer
- Czy jest aplikacja Katla dla Framer?
- Nie i nie jest potrzebna. Katla działa na Framer 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 Framer?
- Skanowanie je wypisuje. Pliki cookie, których Framer 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 Framer, 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 Framer, a po publikacji sprawdza działającą stronę.
- Gdzie w Framer trafia fragment kodu?
- Site settings → Custom code, w polu „Start of <head> tag”, żeby uruchamiał się przed innym kodem na stronie. Potem opublikuj stronę.
- Jak podłączyć baner zaprojektowany w Framer?
- Załaduj https://cdn.katla.app/YOUR-SITE-ID.js?headless=true na początku sekcji 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 code override.
Zeskanuj stronę na Framer, potem dodaj jeden fragment kodu.
Darmowy plan skanuje Twoją stronę na Framer i generuje politykę cookies, bez podawania karty.