KATLA POUR WEBFLOW
Consentement aux cookies sur Webflow, avec une bannière à votre image.
Ajoutez Katla à Webflow en code head sur chaque page et utilisez la bannière hébergée, ou concevez votre propre bannière dans Webflow et faites tourner Katla en headless derrière elle. Un conteneur Google Tag Manager fonctionne aussi, et l’analyse rédige la politique de cookies d’après ce que votre site dépose.
Code head, toutes les pagesOu Google Tag ManagerOu une bannière conçue dans Webflow
Site settings → Custom code → Head codeHead, toutes les pages
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.
Vérifiez que votre forfait Webflow inclut le code personnalisé pour tout le siteGuide du widget →
POURQUOI LE CONSENTEMENT COINCE SUR LES SITES WEBFLOW
Un site Webflow récolte les cookies de tout ce qu’on y ajoute.
LE PROBLÈMELes intégrations, contenus intégrés et balises marketing d’un site Webflow déposent leurs propres cookies, et la politique de cookies est un modèle que quelqu’un a adapté un jour.
AVEC KATLAKatla analyse le site publié comme le ferait un visiteur, répertorie chaque cookie trouvé avec son fournisseur et sa finalité, et rédige la politique de cookies à partir de cette liste.
LE PROBLÈMEUne bannière de consentement qui ignore votre design system est le seul élément de la page que vous ne pouvez pas styler.
AVEC KATLAChargez Katla en headless, concevez la bannière comme un élément Webflow ordinaire et appelez KatlaConsent depuis ses boutons. La logique de consentement, le bloqueur et les preuves de consentement restent gérés par Katla.
LE PROBLÈMELe code de suivi placé dans le head s’exécute dès le chargement de la page, avant que le moindre visiteur ait fait son choix.
AVEC KATLALe bloqueur de cookies refuse les cookies hors des catégories consenties et supprime ceux déposés avant son démarrage. Les scripts que vous ajoutez vous-même peuvent attendre le consentement grâce à data-katla-category.
INSTALLATION
Trois façons de l’installer, et un assistant si vous le souhaitez.
- Widget : collez un extrait de codeCopiez l’extrait de code depuis Install → Widget dans Katla et collez-le dans Site settings → Custom code → Head code, dans le head, pour toutes les pages, avant tout code d’analyse.
- Tag Manager : rien à collerSi votre site Webflow charge déjà un conteneur Google Tag Manager, connectez Google dans Katla : il y crée sa propre balise, sur le déclencheur Consent Initialization.
- Votre propre bannière : en headlessChargez Katla avec le mode headless activé et concevez la bannière dans Webflow. Ses boutons appellent KatlaConsent.acceptAll(), rejectAll() ou acceptCategories().
- Ou demandez à votre assistantConnectez Claude ou ChatGPT au serveur MCP de Katla : il ajoute le site, l’analyse et vous remet l’extrait de code. Vous le collez dans Webflow, puis il vérifie la page en ligne à la recherche de cookies déposés avant le consentement.
CONÇU POUR WEBFLOW
Ce que vous obtenez, quelle que soit la méthode d’installation.
Consent Mode v2Les valeurs par défaut et les mises à jour pour GA4 et Google Ads viennent de la bannière : aucun code de consentement gtag à écrire ni à tenir à jour.
Analyse des cookies par IAChaque cookie du site Webflow publié, classé par catégorie et par fournisseur, avec une description dans chaque langue que vous proposez.
Une politique toujours à jourLa politique de cookies s’intègre à n’importe quelle page avec un court extrait de code, est générée à partir de l’analyse et se met à jour d’elle-même après chaque analyse.
Un moyen de revenir sur son choixUne icône flottante, ou un lien qui appelle katla.open(), permet aux visiteurs de modifier ou de retirer leur choix depuis n’importe quelle page.
Global Privacy ControlLes visiteurs dont le navigateur envoie le signal GPC sont enregistrés comme refusant, ou comme exerçant leur opt-out au titre du CCPA, avant même que la bannière ne leur demande quoi que ce soit.
Hébergé dans l’UEKatla tourne dans la région eu-central-1 d’AWS, à Francfort.
CORE WEB VITALS
Les cookies s’émiettent. Votre SEO, non.
Une bannière de consentement est le premier tiers de chaque page, et les sites créés avec un builder transportent déjà beaucoup de scripts. La bannière de Katla pèse 18 Ko transférés, servie depuis un CDN et mise en cache en périphérie, et le mode headless 4 Ko.
Comment fonctionne le mode headless →18 kBTransféréBannière et données de vos cookies, brotli
0 msLCP ajoutéComparé à la même page sans lui
0Décalage de mise en pageLa bannière ne réserve aucun espace dans le flux
2RequêteUn seul script, mis en cache en périphérie
Nos propres mesures, réalisées le : voici comment.
Les questions des équipes Webflow
- Existe-t-il une app Katla pour Webflow ?
- Non, et il n’en faut pas. Katla fonctionne sur Webflow sous la forme d’un seul extrait de code dans le code head de tout le site, depuis un conteneur Google Tag Manager, ou en headless derrière une bannière que vous concevez.
- Katla bloque-t-il les cookies que Webflow dépose lui-même ?
- L’analyse les répertorie. Les cookies dont Webflow a besoin pour les sessions et la sécurité sont nécessaires et restent en place. Tout cookie que le visiteur n’a pas autorisé est supprimé au démarrage de Katla, puis refusé ensuite ; en revanche, les cookies déposés par les serveurs de Webflow, et non par des scripts de la page, échappent à tout script de bannière.
- Mon assistant IA peut-il l’installer ?
- Tout, sauf le collage. Connecté au serveur MCP de Katla, Claude ou ChatGPT ajoute le site, lance l’analyse, vous donne l’extrait de code et l’endroit où le placer dans Webflow, puis vérifie la page en ligne une fois le site publié.
- Comment brancher une bannière conçue dans Webflow ?
- Chargez https://cdn.katla.app/YOUR-SITE-ID.js?headless=true dans le code head, affichez votre bannière tant que KatlaConsent.hasConsent() vaut false, et reliez ses boutons à KatlaConsent.acceptAll(), KatlaConsent.rejectAll() ou KatlaConsent.acceptCategories() via un petit script placé dans le code personnalisé de la page.
- Quel forfait Webflow me faut-il ?
- Un forfait qui publie le code personnalisé pour tout le site : vérifiez que le vôtre l’inclut. Côté Katla, l’offre gratuite analyse le site et génère la politique.
Analysez votre site Webflow, puis ajoutez un extrait de code.
L’offre gratuite analyse votre site Webflow et génère une politique de cookies, sans carte bancaire.