KATLA FÖR FRAMER
Cookiesamtycke för Framer, från head-koden eller din egen design.
Lägg till Katla i Framer som anpassad kod i början av head och använd den hostade bannern, eller designa bannern i Framer och kör Katla headless bakom den. En Google Tag Manager-container fungerar också, och skanningen skriver cookiepolicyn utifrån det som din webbplats sätter.
Början av head, varje sidaEller Google Tag ManagerEller en banner byggd i Framer
Site settings → Custom code → Start of <head> tagHead, alla sidor
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.
Kontrollera att din Framer-plan har anpassad kodWidgetguide →
DÄRFÖR HAR FRAMER-WEBBPLATSER SVÅRT MED SAMTYCKE
En Framer-webbplats samlar cookies från allt som läggs till på den.
PROBLEMETAnalys, inbäddningar och integrationer som lagts till på en Framer-webbplats sätter egna cookies, och cookiepolicyn är en mall som någon anpassade en gång.
MED KATLAKatla skannar den publicerade webbplatsen som en besökare ser den, listar varje cookie den hittar med leverantör och syfte, och skriver cookiepolicyn utifrån den listan.
PROBLEMETEn standardbanner är det enda elementet på en omsorgsfullt designad Framer-webbplats som struntar i designen.
MED KATLALadda Katla headless, designa bannern i Framer och anropa KatlaConsent från dess knappar. Samtyckeslogiken, spärren och samtyckesbevisen sköts fortfarande av Katla.
PROBLEMETSpårningskod i början av head körs så fort sidan laddas, innan någon besökare har gjort ett val.
MED KATLACookiespärren nekar cookies utanför de godkända kategorierna och raderar de som satts innan den startade. Skript som du lägger till själv kan vänta på samtycke med data-katla-category.
INSTALLATION
Tre vägar in, och en assistent om du vill.
- Widget: klistra in en kodsnuttKopiera kodsnutten från Install → Widget i Katla och klistra in den i Site settings → Custom code → Start of <head> tag, i head, för alla sidor, ovanför all analyskod.
- Tag Manager: inget att klistra inOm din Framer-webbplats redan laddar en Google Tag Manager-container kan du ansluta Google i Katla, så skriver Katla en egen tagg där, på utlösaren Consent Initialization.
- Din egen banner: headlessLadda Katla med headless-läget på och designa bannern i Framer. Dess knappar anropar KatlaConsent.acceptAll(), rejectAll() eller acceptCategories().
- Eller fråga din assistentAnslut Claude eller ChatGPT till Katlas MCP-server så lägger assistenten till webbplatsen, skannar den och ger dig kodsnutten. Du klistrar in den i Framer; sedan kontrollerar assistenten live-sidan efter cookies som satts före samtycke.
BYGGT FÖR FRAMER
Det här får du, hur du än installerar.
Consent Mode v2Standardvärden och uppdateringar för GA4 och Google Ads kommer från bannern, så det finns ingen gtag-kod för samtycke att skriva eller hålla i takt.
AI-skanning av cookiesVarje cookie på den publicerade Framer-webbplatsen, klassificerad efter kategori och leverantör, med en beskrivning på varje språk du erbjuder.
En policy som hänger medCookiepolicyn bäddas in på valfri sida med en kort kodsnutt, genereras från skanningen och uppdaterar sig själv efter varje skanning.
En väg tillbaka till valetEn flytande ikon, eller en länk som anropar katla.open(), låter besökare ändra eller återkalla sitt val från vilken sida som helst.
Global Privacy ControlBesökare vars webbläsare skickar GPC registreras som att de nekar, eller som att de väljer bort enligt CCPA, innan bannern frågar något.
Driftas i EUKatla körs i AWS-regionen eu-central-1, i Frankfurt.
CORE WEB VITALS
Samtycket laddar. Din SEO märker inget.
En samtyckesbanner är den första tredje parten på varje sida, och webbplatser från webbplatsbyggare bär redan på gott om skript. Katlas banner är 18 kB över nätverket, levereras från ett CDN och cachas i edge-noderna, och headless-läget är 4 kB.
Så fungerar headless-läget →18 kBÖverförtBanner och din cookiedata, brotli
0 msTillagd LCPJämfört med samma sida utan den
0LayoutförskjutningBannern reserverar inget utrymme i flödet
2AnropEtt skript, cachat vid kanten
Våra egna mätningar, gjorda : så gjordes de.
Frågor som Framer-team ställer
- Finns det en Katla-app för Framer?
- Nej, och det behövs ingen. Katla körs på Framer som en kodsnutt i head-koden för hela webbplatsen, från en Google Tag Manager-container eller headless bakom en banner som du designar.
- Blockerar Katla de cookies som Framer själv sätter?
- Skanningen listar dem. Cookies som Framer behöver för sessioner och säkerhet är nödvändiga och stannar kvar. En cookie som besökaren inte har tillåtit tas bort när Katla startar och nekas därefter, men cookies som sätts av servrarna hos Framer, och inte av skript på sidan, ligger utanför vad något bannerskript kan nå.
- Kan min AI-assistent installera det?
- Allt utom själva inklistringen. Ansluten till Katlas MCP-server lägger Claude eller ChatGPT till webbplatsen, kör skanningen, ger dig kodsnutten och talar om var den ska ligga i Framer, och kontrollerar live-sidan när du har publicerat.
- Var i Framer ska kodsnutten ligga?
- Site settings → Custom code, i fältet ”Start of <head> tag”, så att den körs före den övriga koden på sidan. Publicera webbplatsen efteråt.
- Hur kopplar jag in en banner som jag designat i Framer?
- Ladda https://cdn.katla.app/YOUR-SITE-ID.js?headless=true i början av head, visa din banner så länge KatlaConsent.hasConsent() är false, och låt dess knappar anropa KatlaConsent.acceptAll(), KatlaConsent.rejectAll() eller KatlaConsent.acceptCategories() från en code override.
Skanna din Framer-webbplats och lägg sedan till en kodsnutt.
Gratisplanen skannar din Framer-webbplats och genererar en cookiepolicy, utan kort.