Analyse gratuite Guides d'installation Développeurs Comparer les CMP À propos Assistance Contact
Adopter Velo

Vous avez déjà un compte ? Se connecter

Guide d'installation Drupal

Ajoutez Velo à Drupal.

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

html.html.twig, ou Asset Injector
VersionsDrupal 9, 10 et 11
ActifAprès un vidage du cache
DuréeEnviron cinq minutes

Collez une ligne
avant la fermeture du head.

Une ligne dans Drupal, 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 cinq minutes

  1. 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>
  2. 02

    Ajoutez la balise à votre thème

    Collez l'extrait de code avant </head> dans le html.html.twig de votre thème, ou utilisez le module Asset Injector si vous préférez rester en dehors du thème. Videz les caches dans les deux cas.

    votre-site.com/admin · Asset Injector
    L'administration Drupal avec l'extrait de code Velo collé dans le head du site
  3. 03

    Videz les caches et rechargez

    Drupal met les pages rendues en cache de façon agressive : videz les caches une fois. La bannière s'affiche ensuite 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. L'extrait de code est statique, donc la mise en cache des pages reste efficace.

    votre-site.com
    Une page web ordinaire avec la bannière de consentement Velo dans le coin inférieur gauche
Un point de vigilance

Drupal met les pages rendues en cache de façon agressive : videz les caches une fois après la modification. L'extrait de code est identique pour tous les visiteurs, donc le cache de pages et le cache CDN continuent tous deux de fonctionner — la résolution de la région et la décision se passent dans le navigateur du visiteur et sur le nœud le plus proche, pas dans Drupal.

Recommandé si vous avez déjà un conteneur

Ou importez la balise
dans Tag Manager.

Une seule balise, aucun code dans la page, et toute votre infrastructure de mesure reste au même endroit. Pas encore de Tag Manager ? Le module Google Tag installe proprement le conteneur depuis votre administration Drupal, puis commencez ici.

  1. 01Importez le modèle CMP de VeloTemplatesTag TemplatesNewImport
  2. 02Créez la baliseTagsNewVelo CMP template
  3. 03Cochez les deux options de récupérationAdvancedurl_passthroughads_data_redaction
  4. 04Déclenchez-la sur Consent Initialization – All PagesTriggeringConsent Initialization – All Pages
  5. 05Activez la vue d'ensemble du consentement dans AdminAdminContainer SettingsEnable consent overview
  6. 06Prévisualisez, puis publiezPreviewSubmitPublish
tagmanager.google.com
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 guette le premier signal réel venu de votre site Drupal — 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 Drupal,
nos réponses.

Ce que demandent d'abord les équipes qui installent sur Drupal.

Quelles versions de Drupal sont couvertes ?

Les étapes sont écrites pour Drupal 10 et 11 et fonctionnent à l'identique sur la 9. Velo est une simple balise script, sans dépendance à un module : les mises à jour du core et des contrib n'y touchent jamais.

Faut-il un module dédié ?

Non. Un template de thème ou Asset Injector font tous deux l'affaire, et la méthode Tag Manager ne demande aucun code. Si vous utilisez déjà le module EU Cookie Compliance, désactivez-le pour qu'une seule couche de consentement reste active.

Le cache de Drupal va-t-il poser problème ?

Non. L'extrait de code est identique pour tous les visiteurs, donc le cache de pages et le cache CDN continuent tous deux de fonctionner. La résolution de la région et la décision de consentement se passent dans le navigateur du visiteur et sur le nœud le plus proche, pas dans Drupal.

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 · Drupal
# Installer Velo sur Drupal : bannière de cookies + Consent Mode v2 Vous installez Velo, une plateforme de gestion du consentement, sur mon site Drupal. Velo affiche la bannière de cookies, définit 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 est 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 (à préférer si GTM est en place) 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 trigger "Consent Initialization – All Pages". Pas Initialization, pas All Pages. Les deux s'exécutent trop tard pour définir les valeurs par défaut du consentement. 4. Prévisualisez, vérifiez l'onglet Consent dans Tag Assistant, puis Submit et Publish. Pas encore de conteneur ? Sur Drupal, installez le module Google Tag (drupal.org/project/google_tag) depuis Extend et ajoutez l'identifiant du conteneur dans Configuration. ## Méthode B : l'extrait de code, directement dans le site Placez cette ligne dans le <head>, au-dessus de toutes les balises d'analyse et de publicité : <script src="https://veloconsent.com/v1/velo.js" data-velo-site="MY_SITE_ID" defer></script> Sur Drupal : collez l'extrait de code avant </head> dans le html.html.twig du thème, ou utilisez le module Asset Injector pour rester en dehors du thème. Videz les caches dans les deux cas. ## 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 définir les valeurs par défaut de Consent Mode. Si un autre module de consentement est activé, désactivez-le avant la mise en production de Velo. Ne laissez nulle part ailleurs de gtag('consent', 'default', ...) écrit en dur. - 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, à un plugin ou à une balise existante. ## Vérifiez, puis faites un compte rendu - 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 et refuser font chacun basculer les signaux correspondants, et un événement velo_consent_update arrive dans le data layer. - Les balises Google restent dans leur mode sans cookies jusqu'à ce que le consentement soit 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 que chaque vérification a montré. Si une vérification échoue, corrigez-la et relancez les vérifications. Guide complet : https://veloconsent.com/drupal 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