Guide d'installation HubSpot

Ajoutez Velo à HubSpot.

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

Commencer Tous les guides d'installation

OùSettings → Website → Pages

ForfaitN'importe quel forfait, domaine connecté

ActifDès l'enregistrement

DuréeEnviron deux minutes

Collez une ligne
dans Site header HTML.

Une ligne dans HubSpot, et la bannière est sur chaque page, 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 deux 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

Ouvrez les réglages du site header

Dans HubSpot, allez dans Settings → Website → Pages, choisissez le domaine, et collez l'extrait de code dans Site header HTML. Enregistrez.

app.hubspot.com · Settings
03

Rechargez une page

Les pages du site, les landing pages et le blog de ce domaine héritent tous du header : la bannière est donc active partout d'un coup, avec la valeur par défaut de Consent Mode fixée avant qu'aucune autre balise ne puisse se déclencher.

votre-site.com

Un point de vigilance

Désactivez d'abord la bannière native de HubSpot sous Privacy & Consent. Et notez que l'analytics HubSpot n'est pas une balise Google : Consent Mode ne la conditionne donc pas à lui seul — si la conformité l'exige, chargez-la via Tag Manager et conditionnez-la à l'événement velo_consent_update.

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 ? Le conteneur GTM se colle dans le même champ Site header HTML, puis commencez 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 guette le premier signal réel venu de votre site HubSpot — le chargement de la bannière ou une décision enregistrée — et passe en installé dès qu'il arrive.

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 sur HubSpot,
nos réponses.

Les questions que posent d'abord les équipes qui installent sur HubSpot.

HubSpot affiche déjà une bannière de cookies.

Désactivez la bannière de HubSpot sous Privacy & Consent pour que Velo soit la seule couche que voient vos visiteurs. Deux bannières perdent les gens, et deux outils de consentement envoient à Google des signaux contradictoires.

Est-ce que ça couvre les landing pages et le blog ?

Oui. Tout ce que HubSpot sert sous ce domaine hérite du site header HTML : un seul collage couvre donc les pages du site, les landing pages et les articles de blog.

Et le code de suivi propre à HubSpot ?

L'analytics HubSpot n'est pas une balise Google : Consent Mode ne la conditionne donc pas à lui seul. Si la conformité l'exige, chargez-la via Tag Manager et conditionnez-la à l'événement velo_consent_update. Le guide GTM montre le déclencheur exact.

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 · HubSpot

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

Vous installez Velo, une plateforme de gestion du consentement, sur mon
site HubSpot. 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 figure 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 tourne sur
  le site aujourd'hui.

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

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 fixer 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 HubSpot, HubSpot n'a pas de champ GTM
natif : collez donc l'extrait du conteneur au même endroit, Settings →
Content → Pages → le domaine → Site header HTML.

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

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

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

Sur HubSpot : Settings → Website → Pages → choisissez le domaine → le
champ Site header HTML → Save.

## Règles

- Une seule méthode, jamais les deux. Deux installations veulent dire
  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.
  Désactivez la bannière native d'HubSpot sous Privacy & Consent
  pour que Velo soit la seule couche que voient les visiteurs. Ne
  laissez pas non plus de gtag('consent', 'default', ...) écrit en
  dur ailleurs.
- Ne changez rien au-delà de ce que cette installation exige. Dites-moi
  d'abord s'il faut toucher à un fichier de thème, une extension ou une
  balise existante.

## Vérifiez, puis faites le point

- 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 basculent chacun les signaux correspondants, et
  un événement velo_consent_update arrive dans le data layer.
- Les balises Google restent dans leur 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
montré chaque vérification. Si une vérification échoue, corrigez-la et
relancez-les toutes.

Guide complet : https://veloconsent.com/hubspot
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