KATLA VOOR WEBFLOW
Cookietoestemming voor Webflow, met een banner in jouw ontwerp.
Voeg Katla aan Webflow toe als head-code op elke pagina en gebruik de gehoste banner, of ontwerp je eigen banner in Webflow 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.
Head-code, alle pagina’sOf Google Tag ManagerOf een banner gebouwd in Webflow
Site settings → Custom code → Head codeHead, alle pagina’s
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.
Controleer of je Webflow-abonnement sitebrede custom code bevatWidgetgids →
WAAROM TOESTEMMING OP WEBFLOW LASTIG IS
Een Webflow-site verzamelt cookies van alles wat je eraan toevoegt.
HET PROBLEEMIntegraties, embeds en marketingtags op een Webflow-site 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 consentbanner die je design system negeert, is het enige element op de pagina dat je niet kunt stylen.
MET KATLALaad Katla headless, ontwerp de banner als een gewoon Webflow-element en roep KatlaConsent aan vanuit de knoppen. De toestemmingslogica, de cookieblokker en de registraties blijven van Katla.
HET PROBLEEMTrackingcode in 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 → Head code, in de head, voor alle pagina’s, boven eventuele analyticscode.
- Tag Manager: niets te plakkenLaadt je Webflow-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 Webflow. 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 Webflow; daarna controleert de assistent de live pagina op cookies die vóór toestemming worden gezet.
GEBOUWD VOOR WEBFLOW
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 Webflow-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 Webflow-teams stellen
- Is er een Katla-app voor Webflow?
- Nee, en die is ook niet nodig. Katla draait op Webflow 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 Webflow zelf zet?
- De scan brengt ze in kaart. Cookies die Webflow 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 Webflow 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 Webflow moet, en controleert de live pagina zodra je hebt gepubliceerd.
- Hoe koppel ik een banner die ik in Webflow heb ontworpen?
- Laad https://cdn.katla.app/YOUR-SITE-ID.js?headless=true in de head-code, toon je banner zolang KatlaConsent.hasConsent() false is, en laat de knoppen KatlaConsent.acceptAll(), KatlaConsent.rejectAll() of KatlaConsent.acceptCategories() aanroepen vanuit een klein script in de custom code van de pagina.
- Welk Webflow-abonnement heb ik nodig?
- Een abonnement dat sitebrede custom code publiceert, dus controleer of het jouwe dat bevat. Aan de kant van Katla scant het gratis abonnement de site en genereert het het beleid.
Scan je Webflow-site en voeg dan één snippet toe.
Het gratis abonnement scant je Webflow-site en genereert een cookiebeleid, zonder creditcard.