KATLA VOOR FRAMER
Cookietoestemming voor Framer, via de head-code of je eigen ontwerp.
Voeg Katla aan Framer toe als custom code aan het begin van de head en gebruik de gehoste banner, of ontwerp de banner in Framer en laat Katla er headless achter draaien. Een Google Tag Manager-container werkt ook, en de scan schrijft het cookiebeleid op basis van wat je site zet.
Begin van de head, elke paginaOf Google Tag ManagerOf een banner gebouwd in Framer
Site settings → Custom code → Start of <head> tagHead, alle pagina’s
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.
Controleer of je Framer-abonnement custom code bevatWidgetgids →
WAAROM TOESTEMMING OP FRAMER LASTIG IS
Een Framer-site verzamelt cookies van alles wat je eraan toevoegt.
HET PROBLEEMAnalytics, embeds en integraties die aan een Framer-site zijn toegevoegd, zetten hun eigen cookies, en het cookiebeleid is een sjabloon dat iemand ooit eens heeft aangepast.
MET KATLAKatla scant de gepubliceerde site zoals een bezoeker hem ziet, toont elke cookie die het vindt met aanbieder en doel, en schrijft het cookiebeleid op basis van die lijst.
HET PROBLEEMEen standaardbanner is het enige element op een zorgvuldig ontworpen Framer-site dat het ontwerp negeert.
MET KATLALaad Katla headless, ontwerp de banner in Framer en roep KatlaConsent aan vanuit de knoppen. De toestemmingslogica, de cookieblokker en de registraties blijven van Katla.
HET PROBLEEMTrackingcode aan het begin van de head draait zodra de pagina laadt, voordat een bezoeker iets heeft gekozen.
MET KATLADe cookieblokker weigert cookies buiten de categorieën met toestemming en verwijdert cookies die al vóór zijn start waren gezet. Scripts die je zelf toevoegt, kunnen met data-katla-category op toestemming wachten.
INSTALLATIE
Drie routes, en een assistent als je dat wilt.
- Widget: plak één snippetKopieer de snippet uit Install → Widget in Katla en plak hem in Site settings → Custom code → Start of <head> tag, in de head, voor alle pagina’s, boven eventuele analyticscode.
- Tag Manager: niets te plakkenLaadt je Framer-site al een Google Tag Manager-container, koppel dan Google in Katla en Katla schrijft daar zijn eigen tag, op de trigger Consent Initialization.
- Je eigen banner: headlessLaad Katla met de headless modus aan en ontwerp de banner in Framer. De knoppen roepen KatlaConsent.acceptAll(), rejectAll() of acceptCategories() aan.
- Of vraag het je assistentKoppel Claude of ChatGPT aan de MCP-server van Katla, en de assistent voegt de site toe, scant hem en geeft je de snippet. Jij plakt hem in Framer; daarna controleert de assistent de live pagina op cookies die vóór toestemming worden gezet.
GEBOUWD VOOR FRAMER
Wat je krijgt, hoe je ook installeert.
Consent Mode v2Standaardwaarden en updates voor GA4 en Google Ads komen van de banner, dus er is geen gtag-consentcode om te schrijven of bij te houden.
Cookies scannen met AIElke cookie op de gepubliceerde Framer-site, ingedeeld naar categorie en aanbieder, met een beschrijving in elke taal die je aanbiedt.
Beleid dat bijblijftHet cookiebeleid zet je met een korte snippet op elke pagina, het wordt gegenereerd uit de scan en werkt zichzelf na elke scan bij.
Altijd terug naar de keuzeEen zwevend icoon, of een link die katla.open() aanroept, laat bezoekers hun keuze op elke pagina wijzigen of intrekken.
Global Privacy ControlBezoekers van wie de browser GPC meestuurt, worden geregistreerd als weigering, of als opt-out onder de CCPA, nog voordat de banner iets vraagt.
Gehost in de EUKatla draait in de AWS-regio eu-central-1, in Frankfurt.
CORE WEB VITALS
Zo brokkelt het koekje af. Jouw SEO niet.
Een consentbanner is de eerste derde partij op elke pagina, en sites uit een websitebouwer hebben al genoeg script aan boord. De banner van Katla is 18 KB over het netwerk, geserveerd vanaf een CDN en gecachet aan de edge, en de headless modus is 4 KB.
Zo werkt de headless-modus →18 kBOver het netwerkBanner en je cookiegegevens, brotli
0 msExtra LCPTegenover dezelfde pagina zonder Katla
0LayoutverschuivingDe banner reserveert geen ruimte in de paginaflow
2RequestEén script, gecachet aan de edge
Onze eigen metingen, gedaan op (zo hebben we gemeten).
Vragen die Framer-teams stellen
- Is er een Katla-app voor Framer?
- Nee, en die is ook niet nodig. Katla draait op Framer als één snippet in de sitebrede head-code, vanuit een Google Tag Manager-container, of headless achter een banner die je zelf ontwerpt.
- Blokkeert Katla de cookies die Framer zelf zet?
- De scan brengt ze in kaart. Cookies die Framer nodig heeft voor sessies en beveiliging, zijn noodzakelijk en blijven staan. Elke cookie die de bezoeker niet heeft toegestaan, wordt verwijderd zodra Katla start en daarna geweigerd, maar cookies die de servers van Framer zetten in plaats van scripts op de pagina, vallen buiten het bereik van elk bannerscript.
- Kan mijn AI-assistent het installeren?
- Alles behalve het plakken. Gekoppeld aan de MCP-server van Katla voegt Claude of ChatGPT de site toe, voert de scan uit, geeft je de snippet en vertelt waar die in Framer moet, en controleert de live pagina zodra je hebt gepubliceerd.
- Waar in Framer komt de snippet?
- Site settings → Custom code, in het veld “Start of <head> tag”, zodat hij vóór de andere code op de pagina draait. Publiceer de site daarna.
- Hoe koppel ik een banner die ik in Framer heb ontworpen?
- Laad https://cdn.katla.app/YOUR-SITE-ID.js?headless=true aan het begin van de head, toon je banner zolang KatlaConsent.hasConsent() false is, en laat de knoppen KatlaConsent.acceptAll(), KatlaConsent.rejectAll() of KatlaConsent.acceptCategories() aanroepen vanuit een code override.
Scan je Framer-site en voeg dan één snippet toe.
Het gratis abonnement scant je Framer-site en genereert een cookiebeleid, zonder creditcard.