Framer permet de mettre en ligne un site soigné en une journée. Il permet aussi de coller un script de suivi dans le Custom Code et de l'oublier. Ce guide explique quand un site Framer a besoin d'un bandeau, quel outil contrôle quoi, puis comment installer et tester un bandeau qui bloque vraiment les scripts avant le consentement. Framer appartient à la même famille que Webflow, Wix ou Squarespace : notre guide du bandeau cookies Webflow sert de point d'entrée à cette série plateformes et détaille les principes communs.
Un site Framer doit-il afficher un bandeau cookies ?
La règle ne dépend pas de l'outil de création. L'article 5(3) de la directive ePrivacy, transposé en France à l'article 82 de la loi Informatique et Libertés, impose un consentement préalable avant de déposer ou de lire une information sur le terminal du visiteur, sauf si elle est strictement nécessaire au service demandé. Lorsque cette information se rattache à une personne, le RGPD ajoute ses conditions : un consentement libre, spécifique, éclairé et univoque, aussi simple à retirer qu'à donner.
Sur un site Framer nu, cela signifie souvent qu'aucun bandeau n'est nécessaire. Selon Framer, ses statistiques intégrées (Framer Analytics) n'utilisent pas de cookies et ne demandent donc pas de consentement. Un cookie de session pour une page protégée par mot de passe ou un cookie de répartition de charge restent eux aussi exemptés, comme l'explique notre article sur les cookies strictement nécessaires. Le raisonnement est le même que pour un site Webflow sans Analytics : pas de traceur optionnel, pas de consentement à recueillir.
Tout change dès que vous ajoutez l'un de ces éléments :
- Google Analytics 4, Google Ads ou des balises Google Tag Manager ;
- un pixel Meta, LinkedIn ou TikTok ;
- des vidéos YouTube ou Vimeo intégrées, Google Maps, un module Calendly ou un formulaire HubSpot ;
- un chat comme Intercom ou Crisp ;
- un outil de cartes de chaleur ou d'enregistrement de sessions comme Hotjar ou Microsoft Clarity.
Chacun dépose ou lit des identifiants dans le navigateur. À partir de là, il vous faut un bandeau qui demande d'abord et bloque tant que la réponse n'est pas « oui ».
D'où viennent les traceurs sur un site Framer
Avant de choisir un outil, faites l'inventaire de ce que votre site charge réellement. Sur Framer, les traceurs entrent presque toujours par l'une de ces quatre portes :
- Project Settings → Custom Code, où l'on colle en général GA4, GTM ou les pixels, au début ou à la fin du
<head>ou du<body>. - Le code personnalisé d'une page, facile à oublier puisqu'il ne vit que sur cette page.
- Les composants Embed (vidéo YouTube, carte, module de réservation), qui chargent eux-mêmes des scripts et des cookies tiers.
- Les composants et plugins de la marketplace, qui peuvent appeler des services externes.
Le plus rapide pour vérifier : ouvrir le site publié en navigation privée et lire les cookies dans les outils de développement du navigateur, comme le montre notre guide pour voir les cookies d'un site. Tout ce qui apparaît avant le moindre clic sur un bandeau pose problème.
Bandeau cookies Framer : les trois solutions
Le composant Cookie Banner de Framer
Framer propose un composant Cookie Banner gratuit, à placer dans un composant partagé comme la navigation pour qu'il s'affiche sur toutes les pages. Il repose sur Google Tag Manager : vous saisissez l'identifiant de votre conteneur GTM dans le panneau des propriétés, et les choix du visiteur sont transmis à Google Consent Mode. Les catégories affichées (Necessary, Preferences, Analytics, Marketing) sont associées aux types de consentement de Google. Vous pouvez régler un comportement différent pour l'Union européenne et le reste du monde, choisir un consentement par défaut et afficher un déclencheur qui permet de rouvrir le bandeau.
Sa limite tient à sa conception : il ne pilote que ce qui passe par GTM. Un code GA4 collé dans le Custom Code, une vidéo YouTube intégrée ou un formulaire HubSpot se chargent quelle que soit la réponse du visiteur. Framer ne le présente pas non plus comme un scanner de cookies ni comme un registre des consentements : vous n'avez rien à exporter si la CNIL vous demande la preuve du consentement.
Un plugin de la marketplace Framer
La marketplace référence des plugins de consentement, comme Consentful ou Cookie PRO, qui installent un bandeau depuis l'éditeur. Certains bloquent les scripts jusqu'à l'acceptation et envoient les signaux Consent Mode v2. Leurs fonctions, leurs prix et la conservation des consentements varient beaucoup : lisez chaque fiche et vérifiez ce qui arrive aux scripts que le plugin ne contrôle pas.
Une CMP installée par le code personnalisé
Une CMP est un outil dédié que l'on charge avec un court extrait de code placé en tête du <head>. CookieYes, Cookiebot, CookieChimp et FlowConsent documentent tous une installation sur Framer. Une CMP analyse en général les cookies du site, bloque les scripts par catégorie jusqu'au consentement, envoie les signaux Consent Mode v2 et conserve une trace de chaque choix. C'est la bonne option si vous utilisez plusieurs outils hors de GTM, si le site est multilingue ou si vous devez prouver le consentement.
Laquelle choisir ?
Si tout passe déjà par GTM et que vous n'utilisez que des balises Google, le composant intégré peut suffire, à condition de retirer chaque script du Custom Code. Si vous intégrez des vidéos, des formulaires ou un chat, ou si vous voulez un registre des consentements, prenez une CMP. Le prix tranche souvent : comparez le coût de votre CMP actuelle avec notre simulateur, et consultez nos pages comparatives, par exemple CookieYes vs FlowConsent.
Installer un bandeau cookies sur Framer, étape par étape
Ces étapes supposent une CMP installée par le code personnalisé. FlowConsent en est un exemple concret : son extrait pour Framer comporte deux parties, un bloc qui met par défaut tous les signaux de consentement Google sur denied, puis le script qui charge le bandeau.
Étape 1 : recenser les traceurs
Notez chaque script de Project Settings → Custom Code, chaque script de page et chaque intégration. Pour chacun, indiquez sa finalité (mesure d'audience, publicité, fonctionnel) et s'il exige vraiment un consentement.
Étape 2 : sortir les scripts de suivi du Custom Code
Les codes GA4, GTM ou des pixels collés directement dans le Custom Code se déclenchent au chargement de la page, avant qu'un bandeau puisse les arrêter. Retirez-les et déclarez-les comme services dans votre CMP, qui ne les chargera qu'après consentement. Si vous gardez GTM, placez son conteneur à la fin du <head>, après l'extrait de la CMP.
Étape 3 : coller l'extrait de la CMP au début du head
Dans Project Settings → Custom Code, cliquez sur Add Script, donnez un nom clair, collez l'extrait et choisissez le début du <head> comme emplacement. Laissez-le actif sur toutes les pages. Framer réserve le domaine personnalisé aux offres payantes ; si l'éditeur vous demande de changer d'offre en ajoutant le script, c'est que votre offre actuelle ne le permet pas.
Étape 4 : suivre les changements de page sans rechargement
Un site Framer change de page dans le navigateur, sans rechargement complet. Vérifiez que votre bandeau suit ces navigations, sinon un script ajouté sur une page peut échapper au contrôle du consentement. Dans FlowConsent, c'est le réglage mode SPA.
Étape 5 : bloquer les intégrations avant consentement
Vidéos, cartes et modules de réservation déposent des cookies dès leur chargement. Configurez votre CMP pour les remplacer par un espace réservé tant que le visiteur n'a pas accepté la catégorie concernée.
Étape 6 : brancher Google Consent Mode v2
Si vous utilisez Google Analytics ou Google Ads, le bandeau doit mettre à jour les quatre signaux Consent Mode v2 (ad_storage, analytics_storage, ad_user_data, ad_personalization). Notre guide d'implémentation de Google Consent Mode v2 entre dans le détail.
Étape 7 : retirer le Cookie Banner de Framer et publier
Si vous aviez ajouté le composant Cookie Banner de Framer, supprimez-le. Deux bandeaux, ce sont deux choix contradictoires et un consentement impossible à prouver. Cliquez ensuite sur Publish : le code personnalisé ne s'exécute pas dans l'aperçu du canevas.
Tester votre bandeau cookies Framer
Ouvrez le site publié en navigation privée. Le bandeau doit s'afficher, avec « Accepter » et « Refuser » au même niveau. Dans l'onglet Réseau des outils de développement, aucune requête vers Google, Meta, LinkedIn ou un autre tiers ne doit partir avant votre clic. Refusez, puis parcourez plusieurs pages : toujours rien. Acceptez, et les scripts doivent se charger. Vérifiez enfin qu'un lien ou un bouton flottant permet au visiteur de changer d'avis à tout moment.
Les erreurs fréquentes sur Framer
- Tester dans le canevas. Le code personnalisé ne tourne que sur le site publié.
- Laisser GA4 dans le Custom Code en comptant sur le composant intégré, qui ne pilote que GTM.
- Afficher deux bandeaux après avoir installé une CMP sans supprimer le composant Framer.
- Cacher le refus dans un second niveau. La CNIL a sanctionné Google de 150 millions d'euros et Facebook de 60 millions d'euros en décembre 2021 parce que refuser les cookies demandait plus de clics qu'accepter, et le rapport de la task force bandeaux cookies du CEPD de janvier 2023 va dans le même sens.
- Ne mettre le bandeau que sur certaines pages. Il doit se charger partout, pour bloquer les scripts et permettre le retrait du consentement sur n'importe quelle page.
Comment FlowConsent gère le bandeau cookies sur Framer
FlowConsent s'installe sur Framer avec un seul extrait collé au début du <head>, dans Project Settings → Custom Code, en une dizaine de minutes. Il bloque les scripts avant consentement, intègre Google Consent Mode v2, suit les changements de page de Framer grâce au mode SPA et analyse automatiquement les cookies de votre site. Chaque choix est enregistré et exportable comme preuve de consentement, et les données sont hébergées en Europe. FlowConsent est gratuit jusqu'à 25 000 sessions par mois, puis l'offre Pro coûte 14,99 € par mois jusqu'à 100 000 sessions. Le guide d'installation Framer détaille chaque étape, y compris le retrait du bandeau propre à Framer.