KATLA FOR WEBFLOW
Cookiesamtykke for Webflow, med banneret designet på din måte.
Legg Katla inn i Webflow som head-kode på hver side og bruk det hostede banneret, eller design ditt eget banner i Webflow og kjør Katla headless bak det. En Google Tag Manager-container fungerer også, og skanningen skriver cookie-erklæringen ut fra det nettstedet ditt setter.
Head-kode, alle siderEller Google Tag ManagerEller et banner bygget i Webflow
Site settings → Custom code → Head codeHead, alle sider
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.
Sjekk at Webflow-planen din inkluderer egendefinert kode for hele nettstedetWidget-guide →
HVORFOR WEBFLOW-NETTSTEDER SLITER MED SAMTYKKE
Et Webflow-nettsted samler cookies fra alt som legges til.
PROBLEMETIntegrasjoner, innebygd innhold og markedsføringstagger på et Webflow-nettsted setter egne informasjonskapsler (cookies), og cookie-erklæringen er en mal noen tilpasset en gang.
MED KATLAKatla skanner det publiserte nettstedet slik en besøkende ser det, lister hver cookie den finner med leverandør og formål, og skriver cookie-erklæringen ut fra den listen.
PROBLEMETEt samtykkebanner som ignorerer designsystemet ditt, er det ene elementet på siden du ikke kan style.
MED KATLALast Katla headless, design banneret som et vanlig Webflow-element, og kall KatlaConsent fra knappene. Samtykkelogikken, vakten og samtykkeregistreringene er fortsatt Katlas.
PROBLEMETSporingskode i head kjører så snart siden lastes, før noen besøkende har valgt.
MED KATLACookie-vakten avviser cookies utenfor kategoriene det er gitt samtykke til, og sletter dem som ble satt før den startet. Skript du legger til selv, kan vente på samtykke med data-katla-category.
OPPSETT
Tre veier inn, og en assistent hvis du vil.
- Widget: lim inn én kodesnuttKopier kodesnutten fra Install → Widget i Katla, og lim den inn i Site settings → Custom code → Head code, i head, for alle sider, over eventuell analysekode.
- Tag Manager: ingenting å lime innLaster Webflow-nettstedet ditt allerede en Google Tag Manager-container, kobler du til Google i Katla, så skriver Katla sin egen tagg der, på Consent Initialization-triggeren.
- Ditt eget banner: headlessLast Katla med headless-modus på, og design banneret i Webflow. Knappene kaller KatlaConsent.acceptAll(), rejectAll() eller acceptCategories().
- Eller spør assistenten dinKoble Claude eller ChatGPT til Katlas MCP-server, så legger den til nettstedet, skanner det og gir deg kodesnutten. Du limer den inn i Webflow; deretter sjekker den den publiserte siden for cookies som settes før samtykke.
BYGGET FOR WEBFLOW
Dette får du, uansett hvordan du installerer.
Consent Mode v2Standardverdier og oppdateringer for GA4 og Google Ads kommer fra banneret, så du slipper å skrive og vedlikeholde gtag-samtykkekode.
AI-skanning av cookiesHver cookie på det publiserte Webflow-nettstedet, klassifisert etter kategori og leverandør, med en beskrivelse på hvert språk nettstedet ditt har.
En erklæring som holder følgeCookie-erklæringen bygges inn på hvilken som helst side med en kort kodesnutt, genereres fra skanningen og oppdaterer seg selv etter hver skanning.
En vei tilbake til valgetEt flytende ikon, eller en lenke som kaller katla.open(), lar besøkende endre eller trekke tilbake valget sitt fra hvilken som helst side.
Global Privacy ControlBesøkende med en nettleser som sender GPC, registreres som avslag, eller som reservasjon (opt-out) etter CCPA, før banneret spør om noe.
Driftet i EUKatla kjører i AWS-regionen eu-central-1, i Frankfurt.
CORE WEB VITALS
Samtykket lastes inn. SEO-en din merker ingenting.
Et samtykkebanner er den første tredjeparten på hver side, og nettsteder laget med byggeverktøy har allerede mye skript. Katlas banner er 18 KB overført, servert fra et CDN og mellomlagret på edge, og headless-modus er 4 KB.
Slik fungerer headless-modus →18 kBOver nettetBanneret og cookie-dataene dine, brotli
0 msEkstra LCPMot den samme siden uten Katla
0LayoutforskyvningBanneret reserverer ingen plass i flyten
2ForespørselEtt skript, bufret i edge-nettverket
Våre egne målinger, gjort (slik ble de gjort).
Spørsmål Webflow-team stiller
- Finnes det en Katla-app for Webflow?
- Nei, og det trengs ingen. Katla kjører på Webflow som én kodesnutt i head-koden for hele nettstedet, fra en Google Tag Manager-container, eller headless bak et banner du designer.
- Blokkerer Katla cookiene Webflow setter selv?
- Skanningen lister dem. Cookies Webflow trenger for økter og sikkerhet, er nødvendige og blir værende. Enhver cookie den besøkende ikke har tillatt, fjernes når Katla starter og avvises etter det, men cookies som settes av serverne til Webflow, og ikke av skript på siden, er utenfor rekkevidden til ethvert bannerskript.
- Kan AI-assistenten min installere det?
- Alt unntatt selve innlimingen. Koblet til Katlas MCP-server legger Claude eller ChatGPT til nettstedet, kjører skanningen, gir deg kodesnutten og forteller hvor den skal i Webflow, og sjekker den publiserte siden når du har publisert.
- Hvordan kobler jeg opp et banner designet i Webflow?
- Last https://cdn.katla.app/YOUR-SITE-ID.js?headless=true i head-koden, vis banneret ditt så lenge KatlaConsent.hasConsent() er false, og la knappene kalle KatlaConsent.acceptAll(), KatlaConsent.rejectAll() eller KatlaConsent.acceptCategories() fra et lite skript i den egendefinerte koden på siden.
- Hvilken Webflow-plan trenger jeg?
- En som publiserer egendefinert kode for hele nettstedet, så sjekk at planen din inkluderer det. På Katla-siden skanner gratisplanen nettstedet og genererer erklæringen.
Skann Webflow-nettstedet ditt, og legg til én kodesnutt.
Gratisplanen skanner ditt Webflow-nettsted og genererer en cookie-erklæring, uten kort.