CONSENT MODE V2 : Guide d’installation étape par étape sur Shopify [AVRIL 2024]

Si tu utilises Google Ads et Analytics sans adopter le Consent Mode v2, tu risque le bannissement de ton compte Google Ads. Cet article détaille l'effet de la Digital Market Act (DMA) et te guide pour assurer facilement la conformité de ton Shopify en faveur de la nouvelle réglementation du 6 mars 2024 grâce à CookieBot.

Une fois que tu auras mis en place cette mise à jour tu sera 100% conforme aux nouvelles réglementations. Tu n’auras plus de risque de ban ou de baisse de performances au niveau de ton compte Google Ads et Google Analytics.

Dans cet article, tu vas apprendre :

🤔 Qu’est-ce que le Google Consent Mode v2 ?

Le Google Consent Mode v2 est un outil évolutif de Google qui permet aux sites d'ajuster l'utilisation des balises Google selon les choix de consentement des utilisateurs en matière de cookies. Il respecte les préférences de confidentialité tout en permettant une collecte de données optimisée pour les services comme Google Analytics et Google Ads.

✅ Choix du CMP (Consent Management Platform)

Le choix d'une plateforme de gestion du consentement (CMP) est crucial pour gérer les consentements des utilisateurs et assurer la conformité avec les réglementations telles que le RGPD. Un CMP efficace comme CookieBot permet de recueillir, stocker et transmettre les consentements aux services tiers, comme ceux de Google Ads.

🍪 Configuration du compte Cookiebot et installation sur Shopify

Cookiebot est une solution CMP populaire qui s'intègre à Shopify. La configuration du compte nécessite de définir des paramètres de consentement conformément à la législation applicable. Son installation sur Shopify peut généralement être réalisée via un plugin ou en insérant directement le code de suivi dans le code source du site. Découvre comment procéder à l'installtion en cliquant sur "En savoir plus"

⚙️ Paramétrage des Balises pour Google Ads et Google Analytics

Le paramétrage des balises consiste à configurer les scripts de suivi de Google Ads et Analytics pour qu'ils fonctionnent avec le Google Consent Mode v2. Cela permet d'ajuster la collecte des données en fonction du consentement de l'utilisateur, garantissant ainsi la conformité et l'efficacité des campagnes publicitaires et des analyses.

📄 Implémentation de la page de déclaration de cookie dans Shopify

Implémenter une page de déclaration de cookie dans Shopify est une étape vers la transparence, offrant aux utilisateurs un aperçu détaillé des cookies utilisés. Elle peut être créée manuellement ou via un CMP comme Cookiebot, et doit être facilement accessible pour informer les visiteurs de l'usage des cookies sur le site.

🎬 Pour une mise en place sans accroc du Consent Mode V2 sur Shopify, jette un œil à ma vidéo. Je t'y explique tout, étape par étape, pour que tu sois conforme aux normes en quelques minutes seulement ! 🎬

Le Google Consent Mode V2, c'est la clé pour toi qui gère une boutique Shopify et utilises Google Ads. Cette mise à jour te permet de rester aligné avec les nouvelles régulations européennes, garantissant que tu recueilles le consentement des utilisateurs de manière transparente. Si tu zappes cette étape, tu risques gros : non seulement Google pourrait bloquer ton compte pour non-conformité, mais en plus, tes campagnes publicitaires pourraient perdre en efficacité. Autant dire que c'est pas le moment de faire l'impasse !

Le Digital Market Act (DMA) établit des réglementations strictes pour encourager un environnement numérique juste et transparent en Europe. Le conflit entre Google Ads et le DMA a été sanglant. À présent, Google est contraint de se conformer aux nouvelles normes européennes, exigeant que les utilisateurs de Google Ads implémentent le Consent Mode V2. De plus, les vérifications des comptes en ce qui concerne le consentement des utilisateurs pour le traitement des données ont été renforcées. L'ignorance de ces règles peut mener à des sanctions drastiques, y compris le bannissement de ton compte Google Ads. Il est donc crucial de préparer ta boutique Shopify à respecter ces directives avant le 6 mars 2024, pour protéger ton activité en ligne et ton compte Google Ads.

2) Choix du CMP (Consent Management Platform

Alors, parlons des CMP, ces plateformes qui vont te permettre de rester dans les clous niveau consentement. Google en a certifié une palanquée, mais je vais te parler de deux pépites : Axeptio et Cookiebot. Axeptio, c'est le beau gosse ergonomique et esthétique, mais attention, il laisse un peu trop de liberté aux visiteurs qui pourraient naviguer sans donner leur consentement, donc pas de remontée d’informations de tracking tu l’imagines bien. Cookiebot, par contre, c'est le garde du corps qui ne laisse rien passer : plus intrusif, mais diablement efficace pour gérer le consentement sur ta boutique Shopify. C'est l'outil qu'on va utiliser ensemble pour mettre en place le Consent Mode V2. Il te permet de collecter efficacement les consentements tout en respectant les régulations. Avec CookieBot, tu as un contrôle total : de la personnalisation du message à l'optimisation du taux de consentement. Et le gros plus ? Son modèle de tarification est basé sur le nombre de pages référencées, pas sur les vues, ce qui le rend super accessible, même si tu démarres juste ou si ton site n'a pas une tonne de trafic. 🍪

Lors de l'inscription à CookieBot, tu découvriras différents plans tarifaires, chacun adapté à des besoins spécifiques. Par exemple, pour un petit site dans le genre d’un blog avec un trafic modéré, la version gratuite pourrait suffire, offrant les fonctionnalités de base pour la conformité RGPD. Pour une boutique Shopify, le plan premium à environ 12 euros par mois est particulièrement attrayant. L'avantage majeur réside dans la possibilité de personnaliser entièrement le design de la pop-up de consentement. Cette fonctionnalité est cruciale : elle te permet d'optimiser le taux d'acceptation des cookies par les visiteurs. En customisant la pop-up pour comme je vais te le montrer pour qu'elle ne soit pas esquivable, tu maximises les chances que les utilisateurs acceptent les cookies, réduisant ainsi les pertes potentielles de données essentielles pour tes analyses et campagnes publicitaires. Enfin, pour les grandes entreprises avec de nombreux domaines et un trafic élevé, CookieBot propose des solutions sur mesure, garantissant une gestion complète du consentement à grande échelle. ⚙️

3) Configuration du compte Cookiebot et installation sur Shopify

L'installation de CookieBot sur Shopify est un processus crucial pour assurer la conformité de ta boutique en ligne avec les réglementations sur la protection des données. Dans les lignes qui suivent, je vais te guider à travers les étapes nécessaires pour intégrer cette solution efficace sur ton site Shopify, te permettant ainsi de recueillir les consentements des utilisateurs de manière transparente et conforme aux normes RGPD. Prêt ? C’est parti !

A) Configuration du compte CookieBot

Pour configurer ton compte CookieBot, tu commences par t'inscrire et choisir ton plan. Ensuite, tu configures le consentement en spécifiant l'URL de ton site et en sélectionnant le template RGPD approprié. Tu personnalise l'apparence de la bannière de consentement, y compris le choix entre différents layouts et le thème. L'option "EU only" est cruciale si tu cibles uniquement l'Union Européenne. Tu ajoutes ensuite ta langue préférée et définis le français comme langue par défaut. Enfin, tu intégreras les scripts nécessaires dans ton site Shopify sans utiliser Google Tag Manager pour une installation manuelle adaptée.

‍

Pour configurer ton compte CookieBot, tu vas suivre quelques étapes claires :

Inscription et choix de l'abonnement : Vas sur le site de CookieBot en cliquant juste ici, inscris-toi et choisis l'abonnement premium small qui va te permettre de personnaliser entièrement le design de la pop-up de consentement afin d'optimiser le taux d'acceptation des cookies par les visiteurs. Donc, être plus rentable sur le long terme, tu l'auras compris.

Spécification de ton site : Renseigne l'URL de ta boutique Shopify.

Sélection du template RGPD : Opte pour le template qui s'applique à ta région, comme le RGPD pour l'Europe et appuis sur “Next” en haut à gauche

Passons à la personnalisation de la bannière : Dans la partie “Design”, tu dois adapter l'apparence de la bannière de consentement pour qu'elle s'aligne avec l'identité visuelle de ta boutique, en utilisant les options de personnalisation de CookieBot.

Dans la section "Compliance" de CookieBot, tu choisis le "Consentement explicite" avec "Accepter seulement" comme type, ce qui signifie que les visiteurs ne verront que l'option d'accepter les cookies sans pouvoir les refuser facilement.

Tu dois aussi cocher par défaut les options "Préférences", "Statistiques" et "Marketing", assurant que ces cookies soient activés dès que l'utilisateur accepte.

Cette configuration maximise le taux d'acceptation sans leur donner la possibilité de refuser directement via une croix, poussant ainsi les utilisateurs à faire un choix actif, et s'assurant que la page des cookies soit mise en place correctement, ce qui favorise un meilleur taux d'acceptation et une collecte de données optimisée.

Pour la partie "Content" de la configuration de CookieBot, il faut simplement ajouter le français en tant que langue et la mettre par défaut. Cela s'assure que la bannière de consentement s'affiche en français pour tous les visiteurs concernés.

Pour la partie "Content" de la configuration de CookieBot, il faut simplement ajouter le français en tant que langue et la mettre par défaut. Cela s'assure que la bannière de consentement s'affiche en français pour tous les visiteurs concernés.

Dans la section "Privacy" de CookieBot, désactive le bouton de fermeture sur la bannière pour s'assurer que les utilisateurs prennent une décision active concernant leur consentement. Cela garantit qu'ils engagent avec les options de consentement et, si nécessaire, tu peux intégrer une option pour modifier les préférences de cookies directement sur ta page de politique de confidentialité. Nous mettrons en place ceci juste après.

Pour conclure cette partie, l'installation de CookieBot sans Google Tag Manager est tout à fait faisable pour ceux qui gèrent leur Shopify de manière manuelle. Si tu utilises déjà GTM, il existe de nombreux tutoriels disponibles sur YouTube pour t'aider à intégrer CookieBot avec GTM en tapant “Google Tag Manager Cookie Bot” par exemple. Cela te donne la flexibilité de choisir la méthode qui correspond le mieux à ta configuration actuelle. Passons à la suite.

B) Installation de CookieBot sur Shopify

Pour installer CookieBot sur Shopify, tu vas suivre ces étapes :

Rends-toi dans la section "Implémentation" pour obtenir ton Domain Group ID.

Dans Shopify, va éditer le code de ton thème :

(Boutique en ligne>Thèmes >Modifier le code) en dessous de la section “snippet” crée un nouveau snippet nommé “cookie-consent”.

Copie le script CookieBot ci-dessous dans le snippet que tu viens de créer :


<script>
function feedback() {
 const p = window.Shopify.customerPrivacy;
 console.log(`Tracking ${p.userCanBeTracked() ? "en" : "dis"}abled`);
}
window.Shopify.loadFeatures(
 [
   {
     name: "consent-tracking-api",
     version: "0.1",
   },
 ],
 function (error) {
   if (error) throw error;
   if ("Cookiebot" in window)
     window.Shopify.customerPrivacy.setTrackingConsent({
       "analytics": false,
       "marketing": false,
       "preferences": false,
       "sale_of_data": false,
     }, () => console.log("Awaiting consent")
   );
 }
);

window.addEventListener("CookiebotOnConsentReady", function () {
  const C = Cookiebot.consent,
      existConsentShopify = setInterval(function () {
        if (window.Shopify.customerPrivacy) {
          clearInterval(existConsentShopify);
          window.Shopify.customerPrivacy.setTrackingConsent({
            "analytics": C["statistics"],
            "marketing": C["marketing"],
            "preferences": C["preferences"],
            "sale_of_data": C["marketing"],
          }, () => console.log("Consent captured"))
        }
      }, 100);
});
</script>

Enregistrer le snippet en cliquant sur le bouton “Enregistrer”.

Ouvre le fichier “theme.liquid” et ajoute le script de CookieBot ci-dessous, juste en dessous de la balise `<head>`. Remplace la valeur “data-cbid” avec ton propre Domain Group ID présent sur la page CookieBot.


<script
  id="Cookiebot"
  src="https://consent.cookiebot.com/uc.js"
  data-cbid="00000000-0000-0000-0000-000000000000"
  type="text/javascript"
  defer
></script>

Recherche {{ content_for_header }} en utilisant dans le fichier theme.liquid et ajoute le code de rendu "{% render 'cookie-consent' %}" sous la ligne "{{ content_for_header }}".

Sauvegarde toutes les modifications pour que le script soit opérationnel sur ton site et sur mobile.

Maintenant que CookieBot est installé sur ton Shopify, il est temps de peaufiner la configuration. Dans cette prochaine étape, tu vas apprendre à paramétrer les balises pour que le suivi des cookies soit en parfait accord avec les préférences des utilisateurs. C'est une étape décisive pour te permettre d'analyser efficacement le trafic sur ton site avec Google Analytics et d'optimiser tes campagnes Google Ads. Reste avec moi, on va s'attaquer aux tags Statistique et Marketing, c'est simple comme bonjour.

4) Paramétrage des Balises pour Google Ads et Google Analytics

Pour personnaliser tes scripts Google Analytics et Google Ads conformément au consentement utilisateur, tu dois ajouter une extension spécifique indiquant le type de cookie, “statistics” pour Analytics, “marketing” pour Google Ads. Cela permet de s'assurer que le suivi utilisateur est en accord avec leur consentement. Voici les étapes à suivre :

Ajoute simplement l’extension ci-dessous au script de Google Analytics pour le marquer comme "statistics". Voici à quoi devrait ressembler ton script initial et final (partie surlignée) :


type="text/plain" data-cookieconsent="statistics"

Script initial :

Script final :

Pour Google Ads, ajoute simplement l’extension ci-dessous au script de Google Ads pour le marquer comme "marketing". Voici à quoi devrait ressembler ton script initial et final (partie surlignée) :


type="text/plain" data-cookieconsent="marketing"

Script initial :

Script final :

IMPORTANT : Assure-toi d'appliquer ces modifications à tous les scripts de cookies concernés pour garantir la conformité. Passons enfin à la dernière étape.

Et voilà, on est enfin à la dernière étape, c’est passé vite non ? Pour finaliser à 100% cette installation, tu vas simplement suivre les étapes suivantes pour configurer une page cookie sur Shopify qui va permettre à tes clients de personnaliser le consentement en fonction de leurs préférences.

Crée une nouvelle page dans Shopify pour les cookies si tu n'en as pas déjà une.
Utilise l'option "Show HTML" pour éditer la page en HTML.
Insère le script fourni ci-dessous, qui permettra d'afficher les informations sur les cookies actuels et de les modifier si nécessaire.


<script
  id="CookieDeclaration"
  src="https://consent.cookiebot.com/00000000-0000-0000-0000-000000000000/cd.js"
  type="text/javascript"
  async
></script>

Remplace l'identifiant dans le script par ton identifiant CookieBot personnel (souligné en rouge dans la capture d'écran).
Sauvegarde les modifications pour que la page affiche correctement les informations sur les cookies et permette leur gestion.

Maintenant que tu es équipé pour intégrer le Consent Mode V2 sur Shopify, tu es prêt à naviguer avec confiance dans le paysage en constante évolution de la conformité en ligne. Cette mise à jour n'est pas seulement une nécessité légale ; elle renforce la confiance de tes clients en leur montrant que tu prends leur vie privée au sérieux. En suivant ce guide, tu places ton site en position de force, non seulement aux yeux de tes clients mais aussi dans ceux de Google, augmentant ainsi tes chances de conversion. Je t'encourage à poursuivre l'aventure et à approfondir tes connaissances sur ma chaîne YouTube, où je partage d'autres astuces et conseils précieux.

Scale Me

CONSENT MODE V2 : Guide d’installation étape par étape sur Shopify [AVRIL 2024]

2) Choix du CMP (Consent Management Platform

3) Configuration du compte Cookiebot et installation sur Shopify

A) Configuration du compte CookieBot

B) Installation de CookieBot sur Shopify

4) Paramétrage des Balises pour Google Ads et Google Analytics

Ces articles vont te plaire

Je réponds à tes questions

CONSENT MODE V2 : Guide d’installation étape par étape sur Shopify [AVRIL 2024]

Qu’est-ce que le Google Consent Mode v2 ?

2) Choix du CMP (Consent Management Platform

3) Configuration du compte Cookiebot et installation sur Shopify

A) Configuration du compte CookieBot

B) Installation de CookieBot sur Shopify

4) Paramétrage des Balises pour Google Ads et Google Analytics

5) Implémentation de la page de déclaration de cookie dans Shopify

Ces articles vont te plaire

Je réponds à tes questions