Ajoutez Velo
à Framer.
Installez la bannière de cookies Velo et Google Consent Mode v2 sur Framer avec une ligne dans l'emplacement Start of head. La plupart des installations prennent quelques minutes si vous avez déjà un accès administrateur au site. Si vous utilisez Google Tag Manager, cette méthode figure aussi sur cette page.
Instructions et sources des images revues le 23 septembre 2026.
Collez une ligne
au début du head.
Ajoutez l'extrait de votre site dans le head commun à tout le site, puis publiez et testez le résultat. Si vos balises de mesure passent déjà par Google Tag Manager, utilisez la méthode ci-dessous.
Vous utilisez déjà Google Tag Manager ? Passez plutôt par là ↓
Trois étapes · environ trois minutes
-
01
Copier la ligne
Copiez l'extrait d'installation complet de ce site depuis votre tableau de bord Velo. L'exemple ci-dessous montre le format ; remplacez your-site-id avant de l'utiliser. Conservez l'endpoint d'API fourni par votre tableau de bord.
<script src="https://cdn.veloconsent.com/v1/velo.js" data-api="https://app.veloconsent.com" data-velo-site="your-site-id" async></script> -
02
Ajoutez un script dans Project Settings
Ouvrez Project Settings → Custom Code → Add Script (ou +). Nommez-le Velo, choisissez un emplacement dans le head, appliquez-le à All pages et choisissez Once, pour que la navigation côté client n'ajoute pas de bannières en double. Collez votre extrait Velo complet et publiez.
Image de la documentation officielle, vérifiée le 23 septembre 2026 La boîte de dialogue Add Script de Framer. Utilisez un emplacement dans le head et All pages, puis collez l'extrait Velo complet et publiez.
Documentation Framer ↗Voir en taille réelle ↗ -
03
Publier et vérifier le site en ligne
Enregistrez et publiez la modification en suivant les étapes de la plateforme ci-dessus, puis videz le cache du site ou du CDN. Ouvrez l'URL publiée dans une nouvelle session de navigateur. Vérifiez la bannière là où vos règles régionales l'exigent, testez l'acceptation et le refus, et vérifiez les valeurs de consentement par défaut et leurs mises à jour avant que vos balises de mesure ne se déclenchent. Confirmez que le site apparaît comme installé dans votre tableau de bord Velo.
Capture de l'interface réelle · 23 septembre 2026 La vraie bannière de veloconsent.com, capturée le 23 septembre 2026. Le texte, la mise en page et les réglages régionaux de votre bannière peuvent différer.
Site Velo en production ↗Voir en taille réelle ↗
Utilisez un emplacement dans le head et chargez Velo une seule fois. Vérifiez le site publié ainsi qu'une deuxième page atteinte via la navigation Framer, pour repérer les bannières manquantes ou en double.
Vous comparez encore les options ? Lisez pourquoi des équipes utilisent Velo sur Framer, ou découvrez toutes les plateformes prises en charge.
Ou ajoutez la balise
dans Tag Manager.
Vous avez déjà un conteneur web Google Tag Manager sur ce site ? Ajoutez Velo depuis la Community Template Gallery et configurez-le à cet endroit. Si vous devez d'abord installer le conteneur, utilisez l'intégration prise en charge par votre plateforme et vérifiez-le sur l'URL publiée.
- 01Ajoutez le modèle CMP de VeloTemplates→Tag Templates→New→Search Gallery
- 02Créez la baliseTags→New→Velo CMP template
- 03Passez en revue les options avancéesAdvanced→url_passthrough→ads_data_redaction
- 04Déclenchez-la sur Consent Initialization – All PagesTriggering→Consent Initialization – All Pages
- 05Activez la vue d'ensemble du consentementAdmin→Container Settings→Enable consent overview
- 06Prévisualisez, puis publiezPreview→Submit→Publish
Velo CMP · configuration de la balise
- Velo site ID
- Copiez l'identifiant exact du site depuis votre tableau de bord Velo.
- Banner theme
- Light ou Dark
- Velo API endpoint (optional)
- Utilisez le point de terminaison d'API indiqué dans vos paramètres d'installation Velo.
Noms des champs vérifiés dans le modèle Velo CMP publié. Utilisez votre propre identifiant de site et votre propre point de terminaison d'API.
Modèle Velo CMP ↗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 ?
Vous devez avoir accès à Custom Code dans votre projet Framer. Vérifiez les fonctionnalités actuelles de la formule de votre site avant de commencer.
Quel emplacement de code personnalisé utiliser ?
Dans la boîte de dialogue Add Script, choisissez un emplacement dans le head et appliquez-le à All pages. Chargez le script de consentement une seule fois et vérifiez l'ordre des balises de mesure sur le site publié.
Est-ce que ça fonctionne avec Framer Analytics ?
L'analytics intégré de Framer est sans cookies et n'est pas concerné. Velo transmet le consentement aux balises Google que vous ajoutez vous-même, comme GA4, Google Ads, ou tout ce qui passe par Tag Manager, et elles s'adaptent au choix de chaque visiteur.
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 ?
L'extrait du tableau de bord se charge de manière asynchrone. Comme pour tout script, mesurez son effet sur votre site et vérifiez l'ordre de vos balises : le chargement asynchrone ne garantit pas à lui seul que les valeurs de consentement par défaut s'appliquent avant les autres balises.
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 ce prompt dans votre assistant, puis fournissez l'identifiant de votre site et l'extrait de code d'installation complet, ou les réglages GTM, de votre tableau de bord Velo.
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.
La confidentialité web, au même endroit.
Analysez votre site →© 2026 par
