Guide d'installation Webflow

Ajoutez Velo à Webflow.

Installez la bannière de cookies Velo et Google Consent Mode v2 sur Webflow en quelques minutes. Une ligne dans le champ Head code suffit. Si vous utilisez déjà Google Tag Manager, cette méthode figure aussi sur cette page.

Commencer Tous les guides d'installation

OùCustom code → Head code

PlanN'importe quel site plan Webflow payant

ActifDès la publication

DuréeEnviron trois minutes

Collez une ligne
dans Head code.

Une ligne dans Webflow, et la bannière est sur toutes les pages, avec la valeur par défaut de Consent Mode fixée avant qu'aucune autre balise ne puisse se déclencher. Même bannière, même câblage et même journal d'audit que par 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.

 <script src="https://veloconsent.com/v1/velo.js" data-velo-site="your-site-id" defer></script>
02

Ouvrir Site settings → Custom code

Dans le Designer, ouvrez le menu du site en haut à gauche → Site settings → l'onglet Custom code. Collez l'extrait de code dans le champ Head code, ce qui tient largement dans la limite de 10,000 caractères de Webflow, puis cliquez sur Save. Le custom code exige un site plan Webflow payant et s'applique à toutes les pages ; une page seule peut porter son propre head code dans ses page settings.

webflow.com · Site settings
03

Publier le site

Le custom code n'arrive sur le site qu'à la publication : cliquez sur Publish en haut à droite, sélectionnez vos domaines, puis rechargez le site publié. L'aperçu du Designer n'exécute jamais le custom code, vérifiez donc toujours l'URL en production (le domaine de staging webflow.io fait l'affaire). La bannière s'affiche et la valeur par défaut de Consent Mode est en place avant qu'aucune autre balise ne puisse se déclencher.

votre-site.com

Un point de vigilance

L'aperçu du Designer n'exécute jamais le custom code : vérifiez donc toujours l'URL publiée — le domaine de staging webflow.io convient aussi pour ça. L'extrait de code tient largement dans la limite de 10,000 caractères de Webflow.

Recommandé si vous avez déjà un conteneur

Ou importez la balise
dans Tag Manager.

Une balise, aucun code sur la page, et toute votre mesure reste au même endroit. Pas encore de Tag Manager sur le projet ? Collez le conteneur GTM dans ce même champ Head code de Site settings, publiez, puis reprenez 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

Une nouvelle balise dans Google Tag Manager utilisant le modèle Velo Consent Banner, avec l'identifiant du site renseigné

Le guide Tag Manager, écran par écran Six écrans, une dizaine de minutes, identique sur toutes les plateformes.

Puis vérifiez
sur du trafic réel.

Quelle que soit la méthode choisie, la console Velo attend le premier signal réel de votre site Webflow — le chargement de la bannière ou l'enregistrement d'une décision — et passe à l'état installé dès qu'il en arrive un.

La bannière de consentement Velo sur un site en production, proposant Refuser, Préférences et Tout accepter

La bannière s'afficheSur un chargement de page neuf, la bannière apparaît avant que quoi que ce soit d'autre ne demande des données.

Tout démarre en refuséDepuis l'EEE, le Royaume-Uni ou la Suisse, tous les signaux de consentement démarrent refusés jusqu'à ce que le visiteur choisisse.

Chaque choix bascule les signauxAccepter ou refuser bascule la mise à jour de consentement correspondante, et la décision atterrit dans le journal d'audit.

Lancez l'analyse gratuite une fois en production : elle lit le résultat comme le ferait un premier visiteur.

Vos questions Webflow,
nos réponses.

Les premières questions des équipes qui installent sur Webflow.

Est-ce que ça marche avec le plan gratuit ?

Le custom code, y compris tout outil de consentement et Google Tag Manager lui-même, exige un site plan Webflow payant. Une fois le site sur un plan payant, les deux méthodes de cette page prennent quelques minutes.

Puis-je tester sur le domaine de staging webflow.io ?

Oui. Le Head code est publié sur votre domaine de staging aussi : vous pouvez donc y observer la bannière et les valeurs par défaut du consentement avant de connecter le domaine de production.

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é.

Le prompt

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.

Prompt d'installation · Webflow

# Installer Velo sur Webflow : bannière de cookies + Google Consent Mode v2

Vous installez Velo, une plateforme de gestion du consentement, sur mon
site Webflow. Velo affiche la bannière de cookies, fixe les valeurs par
défaut de Google Consent Mode v2 avant qu'aucune autre balise ne puisse
se déclencher, et enregistre chaque décision.

Demandez-moi ceci avant de toucher à quoi que ce soit :

- Mon identifiant de site Velo. Il se trouve dans le tableau de bord
  Velo. Pas encore de compte ? Envoyez-moi sur
  https://veloconsent.com/get-started et attendez l'identifiant.
- Si le site utilise déjà Google Tag Manager, et quel conteneur.
- Quelle bannière de cookies ou quel outil de consentement est en place
  sur le site aujourd'hui.

## Méthode A : via Google Tag Manager (à privilégier si GTM tourne déjà)

1. Templates → Tag Templates → New, puis ⋮ → Import. Importez le
   template.tpl depuis github.com/ampliodata/velo-cmp ("Velo CMP").
2. Créez une balise à partir de ce modèle. Renseignez mon identifiant de
   site Velo et choisissez le thème clair ou sombre.
3. Déclenchez-la sur le déclencheur "Consent Initialization – All
   Pages". Ni Initialization, ni All Pages : les deux s'exécutent trop
   tard pour fixer les valeurs par défaut du consentement.
4. Preview, vérifiez l'onglet Consent dans Tag Assistant, puis Submit et
   Publish.

Pas encore de conteneur ? Sur Webflow, ouvrez Site settings → Custom
code (un Site plan payant est requis) et collez les extraits GTM head et
body dans Head Code et Footer Code, puis publiez.

## Méthode B : l'extrait de code, directement dans le site

Placez cette ligne dans le <head>, au-dessus de toutes les balises
d'analytics et de publicité :

  <script src="https://veloconsent.com/v1/velo.js"
    data-velo-site="MY_SITE_ID" defer></script>

Sur Webflow : Site settings → Custom code → le champ Head code → Save,
puis publiez le site. Le custom code exige un Site plan payant et
s'applique à toutes les pages ; une page seule peut porter son propre
head code dans ses page settings.

## Règles

- Une seule méthode, jamais les deux. Deux installations, deux
  bannières.
- Velo se charge en premier. Tout ce qui mesure ou fait de la publicité
  vient après.
- Un seul outil peut fixer les valeurs par défaut de Consent Mode. Si un
  embed de CMP est déjà dans le projet, retirez-le avant de publier
  Velo. Ne laissez pas non plus de
  gtag('consent', 'default', ...) écrit en dur ailleurs.
- Ne changez rien au-delà de ce que cette installation exige.
  Prévenez-moi d'abord s'il faut toucher à un fichier de thème, une
  extension ou une balise existante.

## Vérifiez, puis faites-moi un retour

- La bannière s'affiche sur un chargement neuf, en fenêtre privée.
- Avant que je choisisse, tous les signaux de consentement sauf
  security_storage sont refusés depuis l'EEE, le Royaume-Uni ou la
  Suisse.
- Accepter puis refuser bascule à chaque fois les signaux
  correspondants, et un événement velo_consent_update arrive dans le
  data layer.
- Les balises Google restent en mode sans cookies tant que le
  consentement n'est pas accordé, et toute balise conditionnée à la main
  ne se déclenche qu'après.
- window.Velo est défini, et Velo.open() rouvre le panneau de
  préférences.
- Sur une installation Tag Manager, Tag Assistant montre la balise Velo
  se déclencher sur Consent Initialization avant toutes les autres.

Dites-moi ce que vous avez changé, où vous l'avez changé, et ce qu'a
donné chaque vérification. Si une vérification échoue, corrigez et
relancez-les toutes.

Guide complet : https://veloconsent.com/webflow
Plus de contexte pour les agents : https://veloconsent.com/llms.txt

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.

Les exigences RGPD pour une bannière de cookies en 2026, et la vérification qui prouve chacune d'elles Ce qu'une bannière de cookies doit faire en 2026 sous le RGPD, chaque point accompagné de la vérification en navigateur qui prouve que la vôtre le fait vraiment. 29 juillet 2026

Comment vérifier que votre bannière de cookies envoie bien le signal Consent Mode v2 Deux lectures suffisent : les quatre signaux de consentement dans le navigateur, et l'état réellement transmis à Google dans la requête. 26 juillet 2026

Faut-il encore une bannière de cookies avec le marquage côté serveur ? Oui. 24 juillet 2026

Tous les articles