Guide d'installation Shopify

Ajoutez Velo à Shopify.

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

Commencer Tous les guides d'installation

OùThemes → Edit code

PlanN'importe quel plan, sans app

ActifDès l'enregistrement

DuréeEnviron quatre minutes

Collez une ligne
dans votre thème.

Une ligne dans Shopify, 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 quatre 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

Modifier theme.liquid

Dans votre admin Shopify, ouvrez Online Store → Themes → ⋯ → Edit code et sélectionnez layout/theme.liquid. Collez l'extrait de code juste après la balise <head> ouvrante, au-dessus de vos scripts marketing, et enregistrez.

admin.shopify.com · Edit code
03

Recharger la boutique

La bannière est active dès le chargement de page suivant. La décision du visiteur est stockée sur votre propre domaine et Consent Mode la transporte sur toute la session : chaque balise de la boutique la respecte dès la première page vue.

votre-site.com

Un point de vigilance

Le checkout de Shopify tourne sur la surface propre à Shopify et n'exécute pas le code du thème. Velo capte la décision sur la boutique, là où vivent réellement vos balises marketing, et cette décision stockée continue de s'appliquer à mesure que le visiteur avance dans le tunnel.

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 la boutique ? Collez le conteneur GTM dans theme.liquid juste après la balise <head> ouvrante, 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 Shopify — 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 Shopify,
nos réponses.

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

Ai-je besoin d'une app de l'App Store ?

Non. Velo, c'est une balise script dans votre thème : aucune permission d'app, aucune ligne de plus sur votre facture Shopify, et rien qui casse quand vous changez de thème. Recopiez la ligne et c'est fini.

Et le checkout ?

Le checkout de Shopify tourne sur la surface propre à Shopify et n'exécute pas le code du thème. Velo capte la décision sur la boutique, là où vivent réellement vos balises marketing, et la décision stockée continue de s'appliquer à mesure que le visiteur avance dans le tunnel.

J'utilise déjà une app de consentement.

Retirez-la ou désactivez-la avant de publier Velo. Deux bannières sur une même boutique perdent les visiteurs, et deux outils qui fixent les valeurs par défaut de Consent Mode envoient à Google des signaux contradictoires. Une seule couche de consentement, une seule source de vérité.

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

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

Vous installez Velo, une plateforme de gestion du consentement, sur mon
site Shopify. 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 Shopify, collez les extraits du conteneur
dans theme.liquid via Online Store → Themes → Edit code, ou installez
une app GTM depuis le Shopify App Store.

## 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 Shopify : Online Store → Themes → ⋯ → Edit code →
layout/theme.liquid. Collez juste après la balise <head> ouvrante,
au-dessus des scripts marketing, et enregistrez.

## 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
  une app de consentement est installée, retirez-la ou désactivez-la
  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/shopify
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