KATLA POUR FRAMER
Consentement aux cookies sur Framer, par le code head ou votre propre design.
Ajoutez Katla à Framer en code personnalisé au début du head et utilisez la bannière hébergée, ou concevez la bannière dans Framer 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.
Début du head, chaque pageOu Google Tag ManagerOu une bannière conçue dans Framer
Site settings → Custom code → Start of <head> tagHead, toutes les pages
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.
Vérifiez que votre forfait Framer inclut le code personnaliséGuide du widget →
POURQUOI LE CONSENTEMENT COINCE SUR LES SITES FRAMER
Un site Framer récolte les cookies de tout ce qu’on y ajoute.
LE PROBLÈMELes outils d’analyse, contenus intégrés et intégrations ajoutés à un site Framer 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ÈMESur un site Framer soigneusement conçu, une bannière standard est le seul élément qui ignore le design.
AVEC KATLAChargez Katla en headless, concevez la bannière dans Framer 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é au début du 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 → Start of <head> tag, dans le head, pour toutes les pages, avant tout code d’analyse.
- Tag Manager : rien à collerSi votre site Framer 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 Framer. 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 Framer, puis il vérifie la page en ligne à la recherche de cookies déposés avant le consentement.
CONÇU POUR FRAMER
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 Framer 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 Framer
- Existe-t-il une app Katla pour Framer ?
- Non, et il n’en faut pas. Katla fonctionne sur Framer 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 Framer dépose lui-même ?
- L’analyse les répertorie. Les cookies dont Framer 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 Framer, 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 Framer, puis vérifie la page en ligne une fois le site publié.
- Où placer l’extrait de code dans Framer ?
- Site settings → Custom code, dans le champ « Start of <head> tag », pour qu’il s’exécute avant le reste du code de la page. Publiez ensuite le site.
- Comment brancher une bannière conçue dans Framer ?
- Chargez https://cdn.katla.app/YOUR-SITE-ID.js?headless=true au début du head, affichez votre bannière tant que KatlaConsent.hasConsent() vaut false, et reliez ses boutons à KatlaConsent.acceptAll(), KatlaConsent.rejectAll() ou KatlaConsent.acceptCategories() via un code override.
Analysez votre site Framer, puis ajoutez un extrait de code.
L’offre gratuite analyse votre site Framer et génère une politique de cookies, sans carte bancaire.