KATLA FÜR WEBFLOW
Cookie-Einwilligung für Webflow, mit einem Banner in Ihrem Design.
Binden Sie Katla als Head-Code auf jeder Seite in Webflow ein und nutzen Sie das gehostete Banner, oder gestalten Sie Ihr eigenes Banner in Webflow und betreiben Sie Katla headless dahinter. Ein Container von Google Tag Manager funktioniert auch, und der Scan erstellt die Cookie-Richtlinie aus dem, was Ihre Website setzt.
Head-Code, alle SeitenOder Google Tag ManagerOder ein Banner aus Webflow
Site settings → Custom code → Head codeHead, alle Seiten
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.
Prüfen Sie, ob Ihr Webflow-Tarif websiteweiten Custom Code enthältWidget-Anleitung →
WARUM WEBFLOW-WEBSITES MIT DER EINWILLIGUNG KÄMPFEN
Eine Webflow-Website sammelt Cookies von allem, was hinzukommt.
DAS PROBLEMIntegrationen, Einbettungen und Marketing-Tags auf einer Webflow-Website setzen eigene Cookies, und die Cookie-Richtlinie ist eine Vorlage, die irgendwann einmal jemand angepasst hat.
MIT KATLAKatla scannt die veröffentlichte Website aus Sicht eines Besuchers, listet jedes gefundene Cookie mit Anbieter und Zweck auf und erstellt aus dieser Liste die Cookie-Richtlinie.
DAS PROBLEMEin Cookie-Banner, das Ihr Designsystem ignoriert, ist das einzige Element auf der Seite, das Sie nicht gestalten können.
MIT KATLALaden Sie Katla headless, gestalten Sie das Banner als normales Webflow-Element und rufen Sie KatlaConsent über seine Buttons auf. Die Einwilligungslogik, der Guard und die Nachweise bleiben bei Katla.
DAS PROBLEMTracking-Code im Head läuft, sobald die Seite lädt, bevor ein Besucher eine Wahl getroffen hat.
MIT KATLADer Cookie-Guard weist Cookies außerhalb der freigegebenen Kategorien ab und löscht alle, die vor seinem Start gesetzt wurden. Skripte, die Sie selbst einbinden, können mit data-katla-category auf die Einwilligung warten.
EINRICHTUNG
Drei Einbauwege, und auf Wunsch ein Assistent.
- Widget: ein Snippet einfügenKopieren Sie in Katla das Snippet unter Install → Widget und fügen Sie es in Site settings → Custom code → Head code ein: in den Head, für alle Seiten, vor jeglichem Analytics-Code.
- Tag Manager: nichts einzufügenLädt Ihre Webflow-Website bereits einen Container von Google Tag Manager, verbinden Sie Google in Katla, und Katla legt dort ein eigenes Tag an, mit dem Trigger „Consent Initialization“.
- Eigenes Banner: headlessLaden Sie Katla im Headless-Modus und gestalten Sie das Banner in Webflow. Seine Buttons rufen KatlaConsent.acceptAll(), rejectAll() oder acceptCategories() auf.
- Oder fragen Sie Ihren AssistentenVerbinden Sie Claude oder ChatGPT mit dem MCP-Server von Katla: Der Assistent legt die Website an, scannt sie und gibt Ihnen das Snippet. Sie fügen es in Webflow ein, danach prüft er die Live-Seite auf Cookies, die vor der Einwilligung gesetzt werden.
GEBAUT FÜR WEBFLOW
Was Sie bekommen, egal auf welchem Weg Sie installieren.
Consent Mode v2Standardwerte und Updates für GA4 und Google Ads kommen vom Banner, es gibt also keinen gtag-Consent-Code, den Sie schreiben oder synchron halten müssten.
KI-Cookie-ScanJedes Cookie auf der veröffentlichten Webflow-Website, klassifiziert nach Kategorie und Anbieter, mit einer Beschreibung in jeder Sprache, die Sie anbieten.
Eine Richtlinie, die mithältDie Cookie-Richtlinie lässt sich mit einem kurzen Snippet auf jeder Seite einbetten, wird aus dem Scan erstellt und aktualisiert sich nach jedem Scan selbst.
Der Weg zurück zur AuswahlEin schwebendes Symbol oder ein Link, der katla.open() aufruft, lässt Besucher ihre Auswahl auf jeder Seite ändern oder widerrufen.
Global Privacy ControlSendet der Browser eines Besuchers GPC, wird eine Ablehnung erfasst, oder ein Opt-out nach dem CCPA, bevor das Banner überhaupt etwas fragt.
In der EU gehostetKatla läuft in der AWS-Region eu-central-1 in Frankfurt.
CORE WEB VITALS
So krümelt der Keks. Ihr SEO bitte nicht.
Ein Cookie-Banner ist der erste Drittanbieter auf jeder Seite, und Websites aus Baukästen bringen ohnehin schon reichlich Skript mit. Das Banner von Katla überträgt 18 KB, wird von einem CDN ausgeliefert und am Edge gecacht, und im Headless-Modus sind es 4 KB.
So funktioniert der Headless-Modus →18 kBÜbertragenBanner und Ihre Cookie-Daten, Brotli
0 msZusätzlicher LCPGegenüber derselben Seite ohne Katla
0Layout-ShiftDas Banner reserviert keinen Platz im Seitenfluss
2RequestEin Skript, am Edge gecacht
Unsere eigenen Messungen vom : so wurden sie erhoben.
Was Webflow-Teams fragen
- Gibt es eine Katla-App für Webflow?
- Nein, und es braucht auch keine. Katla läuft auf Webflow als ein Snippet im websiteweiten Head-Code, aus einem Container von Google Tag Manager oder headless hinter einem Banner, das Sie selbst gestalten.
- Blockiert Katla die Cookies, die Webflow selbst setzt?
- Der Scan listet sie auf. Cookies, die Webflow für Sitzungen und Sicherheit braucht, sind notwendig und bleiben. Jedes Cookie, das der Besucher nicht erlaubt hat, wird beim Start von Katla entfernt und danach abgewiesen. Cookies, die von den Servern von Webflow gesetzt werden statt von Skripten auf der Seite, liegen aber außerhalb der Reichweite jedes Banner-Skripts.
- Kann mein KI-Assistent es installieren?
- Alles außer dem Einfügen. Mit dem MCP-Server von Katla verbunden, legen Claude oder ChatGPT die Website an, starten den Scan, geben Ihnen das Snippet samt der Stelle, an die es in Webflow gehört, und prüfen die Live-Seite, sobald Sie veröffentlicht haben.
- Wie verbinde ich ein in Webflow gestaltetes Banner?
- Laden Sie https://cdn.katla.app/YOUR-SITE-ID.js?headless=true im Head-Code, zeigen Sie Ihr Banner an, solange KatlaConsent.hasConsent() false ist, und lassen Sie seine Buttons über ein kleines Skript im Custom Code der Seite KatlaConsent.acceptAll(), KatlaConsent.rejectAll() oder KatlaConsent.acceptCategories() aufrufen.
- Welchen Webflow-Tarif brauche ich?
- Einen, der websiteweiten Custom Code veröffentlicht, prüfen Sie also, ob Ihr Tarif das enthält. Auf der Seite von Katla scannt der kostenlose Plan die Website und erstellt die Richtlinie.
Scannen Sie Ihre Webflow-Website, dann fügen Sie ein Snippet hinzu.
Der kostenlose Tarif scannt Ihre Webflow-Website und erstellt eine Cookie-Richtlinie, ohne Karte.