Ajoutez Velo à Framer.
Installez la bannière de cookies Velo et Google Consent Mode v2 sur Framer en quelques minutes. Une ligne dans l'emplacement Start of head suffit. Si vous utilisez déjà Google Tag Manager, cette méthode figure aussi sur cette page.
Collez une ligne
au début du head.
Une ligne dans Framer, et la bannière est sur toutes les pages avec l'état par défaut de Consent Mode défini avant qu'aucune autre balise ne puisse se déclencher. Même bannière, même branchement et même journal d'audit que la méthode Tag Manager.
Vous utilisez déjà Google Tag Manager ? Passez plutôt par là ↓
Trois étapes · environ trois minutes
-
01
Copier la ligne
Une balise script, la même sur toutes les pages du site. Tout ce qui suit consiste à la placer au bon endroit, et cet endroit est toujours le head, avant les balises qu'elle gouverne.
<!-- Avant vos autres balises. C'est tout l'intérêt de cet ordre. --> <script src="https://veloconsent.com/v1/velo.js" data-velo-site="your-site-id" defer></script> -
02
Ouvrez Site Settings → Custom Code
Dans l'éditeur Framer, cliquez sur l'icône d'engrenage en haut à droite pour ouvrir Site Settings, restez sur l'onglet General et faites défiler jusqu'à Custom Code. Collez l'extrait dans Start of <head> tag , l'emplacement le plus précoce que propose Framer, ce qui permet à Velo de définir l'état de consentement par défaut avant toute autre balise, puis cliquez sur Save. Le code personnalisé exige une formule de site payante (Mini ou supérieure).
framer.com · Site Settings
-
03
Publier le site
Framer applique le code personnalisé à la publication : cliquez sur Publish en haut à droite et rechargez l'URL publiée. L'aperçu de l'éditeur n'exécute pas le code personnalisé. La bannière s'affiche et l'état par défaut de Consent Mode est défini avant que quoi que ce soit d'autre ne se déclenche.
votre-site.com
Utilisez Start of <head> tag, l'emplacement le plus précoce que propose Framer, pour que l'état de consentement par défaut soit en place avant que quoi que ce soit d'autre ne se charge. End of <head> fonctionne mais s'exécute plus tard, et les emplacements du body ne conviennent jamais à un script de consentement.
Ou importez la balise
dans Tag Manager.
Une seule balise, aucun code sur la page, et toute votre chaîne de mesure reste au même endroit. Pas encore de Tag Manager sur le projet ? Collez l'extrait GTM du head dans Start of <head> tag et le noscript dans Start of <body> tag sous Site Settings → General → Custom Code, publiez une fois, puis revenez ici.
- 01Importez le modèle CMP de VeloTemplates→Tag Templates→New→Import
- 02Créez la baliseTags→New→Velo CMP template
- 03Cochez les deux options de récupérationAdvanced→url_passthrough→ads_data_redaction
- 04Déclenchez-la sur Consent Initialization – All PagesTriggering→Consent Initialization – All Pages
- 05Activez la vue d'ensemble du consentement dans AdminAdmin→Container Settings→Enable consent overview
- 06Prévisualisez, puis publiezPreview→Submit→Publish
Puis vérifiez
sur du trafic réel.
Quelle que soit la méthode choisie, la console Velo guette le premier signal réel venant de votre site Framer — le chargement de la bannière ou l'enregistrement d'une décision — et passe sur installé dès qu'il arrive.
Lancez l'analyse gratuite une fois en production : elle lit le résultat comme le ferait un premier visiteur.
Vos questions Framer,
nos réponses.
Les premières questions des équipes qui installent sur Framer.
Est-ce que ça marche avec le plan gratuit ?
Le code personnalisé, y compris tout outil de consentement et Google Tag Manager lui-même, exige une formule de site Framer payante (Mini et au-dessus). Une fois que le site en a une, l'une ou l'autre méthode de cette page prend deux minutes.
Quel emplacement de code personnalisé utiliser ?
Start of <head> tag. C'est l'emplacement le plus précoce que propose Framer, donc l'état de consentement par défaut est en place avant que quoi que ce soit d'autre ne se charge. End of <head> fonctionne aussi mais s'exécute plus tard ; n'utilisez jamais les emplacements du body pour un script de consentement.
Est-ce que ça fonctionne avec Framer Analytics ?
L'analytics intégré de Framer est sans cookies et n'est pas concerné. Velo gouverne les balises Google que vous ajoutez vous-même, comme GA4, Google Ads, ou tout ce qui passe par Tag Manager, et récupère le signal que le consentement leur coûterait autrement.
J'ai déjà un embed de CMP dans mon projet.
Retirez l'ancien embed avant de publier Velo. Deux bannières perdent les visiteurs, et deux outils qui écrivent les valeurs par défaut de Consent Mode envoient à Google des signaux contradictoires. Velo prend tout le travail en charge en une seule balise.
Est-ce que ça va ralentir le site ?
Non. Le script se charge en différé, ne bloque jamais le rendu, et la région du visiteur est résolue sur le nœud le plus proche avant que la page finisse de s'afficher. La bannière elle-même, c'est quelques kilo-octets de code statique.
Un assistant IA peut-il le faire à ma place ?
Oui. Copiez le prompt de la section Installer avec un agent, juste en dessous, dans Claude, ChatGPT, Cursor ou l'assistant que vous utilisez déjà. Il contient les étapes de cette page, l'ordre dans lequel les balises doivent se charger et les vérifications que l'agent doit faire avant de vous annoncer que c'est terminé.
Ou confiez-le
à un agent.
Copiez le prompt dans Claude, ChatGPT, Cursor ou l'assistant que vous utilisez déjà. Il contient tout ce qui est sur cette page : les deux méthodes, l'ordre dans lequel les balises doivent se charger et les vérifications qui prouvent que ça a marché.
Collez-le en premier message, puis remplacez your-site-id par l'identifiant qui figure sur votre tableau de bord Velo. Tout le reste dont l'agent a besoin y est déjà écrit, y compris ce qu'il faut vérifier avant de publier.
Vous travaillez avec un agent qui lit le web ? Envoyez-le sur veloconsent.com/llms.txt et /install.md pour le même contexte en texte brut.
Du journal.
Votre bannière, votre consentement,
vos données — au même endroit.
© 2026 par
