KATLA FÜR FRAMER
Cookie-Einwilligung für Framer, per Head-Code oder im eigenen Design.
Binden Sie Katla als Custom Code am Anfang des Heads in Framer ein und nutzen Sie das gehostete Banner, oder gestalten Sie das Banner in Framer 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.
Anfang des Heads, jede SeiteOder Google Tag ManagerOder ein Banner aus Framer
Site settings → Custom code → Start of <head> tagHead, alle Seiten
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.
Prüfen Sie, ob Ihr Framer-Tarif Custom Code enthältWidget-Anleitung →
WARUM FRAMER-WEBSITES MIT DER EINWILLIGUNG KÄMPFEN
Eine Framer-Website sammelt Cookies von allem, was hinzukommt.
DAS PROBLEMAnalytics, Einbettungen und Integrationen auf einer Framer-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 Standard-Banner ist das einzige Element auf einer sorgfältig gestalteten Framer-Website, das das Design ignoriert.
MIT KATLALaden Sie Katla headless, gestalten Sie das Banner in Framer und rufen Sie KatlaConsent über seine Buttons auf. Die Einwilligungslogik, der Guard und die Nachweise bleiben bei Katla.
DAS PROBLEMTracking-Code am Anfang des Heads 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 → Start of <head> tag ein: in den Head, für alle Seiten, vor jeglichem Analytics-Code.
- Tag Manager: nichts einzufügenLädt Ihre Framer-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 Framer. 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 Framer ein, danach prüft er die Live-Seite auf Cookies, die vor der Einwilligung gesetzt werden.
GEBAUT FÜR FRAMER
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 Framer-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 Framer-Teams fragen
- Gibt es eine Katla-App für Framer?
- Nein, und es braucht auch keine. Katla läuft auf Framer 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 Framer selbst setzt?
- Der Scan listet sie auf. Cookies, die Framer 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 Framer 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 Framer gehört, und prüfen die Live-Seite, sobald Sie veröffentlicht haben.
- Wo in Framer kommt das Snippet hin?
- Site settings → Custom code, in das Feld „Start of <head> tag“, damit es vor dem übrigen Code der Seite läuft. Veröffentlichen Sie die Website danach.
- Wie verbinde ich ein in Framer gestaltetes Banner?
- Laden Sie https://cdn.katla.app/YOUR-SITE-ID.js?headless=true am Anfang des Heads, zeigen Sie Ihr Banner an, solange KatlaConsent.hasConsent() false ist, und lassen Sie seine Buttons über einen Code Override KatlaConsent.acceptAll(), KatlaConsent.rejectAll() oder KatlaConsent.acceptCategories() aufrufen.
Scannen Sie Ihre Framer-Website, dann fügen Sie ein Snippet hinzu.
Der kostenlose Tarif scannt Ihre Framer-Website und erstellt eine Cookie-Richtlinie, ohne Karte.