Info
Contenu

Comment intégrer le CMP dans un Shopify Boutique?

À propos de la dépréciation de Checkout Extensibility sur Shopify: Vous connaissez probablement déjà les scripts d'extensibilité de Checkout sur Shopify étant obsolète. Par conséquent, la bannière de consentement n'apparaîtra plus lors du processus de paiement. Cependant, si vous mettez en œuvre Shopifyle mode de consentement de comme indiqué dans nos documents d'aide, Shopify gérera le consentement pour vous de manière transparente. Rassurez-vous, le respect de nos directives garantira que tout fonctionne sans problème. Pour des instructions détaillées, veuillez continuer à lire.

Veuillez noter : La description ci-dessous n'est valable que pour le code de blocage manuel. Si vous souhaitez utiliser blocage automatique du code, veuillez vous assurer que le code CMP est inséré directement après le <head> élément du code de votre site Web.

Afin d'intégrer le CMP-Code dans un Shopify Achetez, veuillez suivre ces étapes :

Vidéo d'intégration

Intégration étape par étape
  1. Dans votre consentmanager compte, rendez-vous sur Menu > CMP > Intégrations et activer Shopify Mode consentement

  2. Assurez-vous sous Menu > CMP > Objectifs que vous avez suffisamment de finalités actives dans votre CMP
  3. (facultatif) Si le blocage automatique est utilisé, nous vous recommandons de désactiver le blocage automatique des URL inconnues :

  4. Cliquez sur Menu > CMP > Fournisseurs et assurez-vous que les fournisseurs sont nommés "Shopify International Limitée..." (ID s971, s2789, s2790, s2791, s2697) dans votre liste de fournisseurs

    (Remarque : tous ces fournisseurs ne sont pas nécessaires dans tous les cas)
  5. Dans votre liste de fournisseurs, assurez-vous que tous Shopify les fournisseurs sont affectés à un objectif correspondant
  6. Cliquez sur Menu > CMP > Obtenir des codes pour... Site Web et copiez le code CMP
  7. Se connecter à ta Shopify Compte
  8. Dans le menu, cliquez sur votre Boutique en ligne > Thèmes et éditez le code du thème actuel :

  9. Ouvrez le fichier theme.liquid, rechercher <body ...> (si vous souhaitez utiliser le code de blocage manuel) ou <head ...> (si vous souhaitez utiliser le code de blocage automatique) et insérez le code CMP juste après :

  10. Presse Enregistré et retournez à la page d'accueil du magasin
  11. Cliquez sur Paramètres > Confidentialité des clients et Désactiver le bandeau cookie (si la Shopify La bannière de cookies est activée, sinon ignorez cette étape)



    Remarque : If Shopify ne vous montre pas le menu Bannière de cookies > Plus d'actions > Désactiver la bannière de cookies, veuillez vous assurer de supprimer d'abord tous les autres plugins de bannière de cookies via Paramètres > Applications et canaux de vente > ... > Désinstaller). Dans certains cas, cela permet également de permettre Shopifyla propre bannière Cookie de puis désactivez-la à nouveau

     

  12. Retour à Paramètres > Confidentialité des clients et cliquez sur Bannière de cookie puis sur Plus d'actions > Utiliser une bannière de cookies personnalisée

  13. Lors de l'activation de la bannière de cookies personnalisée (ou si elle est déjà activée sous Paramètres > Confidentialité du client > Bannière de cookies > Régions > Modifier), assurez-vous que toutes les régions sont sélectionnées puis cliquez sur Confirmer

Important: Veuillez toujours vous assurer que vous avez désactivé tous les autres plugins de bannière de cookies et de mode de consentement dans votre Shopify stocker sous Paramètres > Applications et canaux de vente:

 

Problèmes typiques

Problème: Shopifyles propres analyses de ne comptent plus / comptent moins

Dans certains cas, le blocage automatique peut également bloquer Shopifypropre système de suivi interne. Afin d'éviter cela, veuillez vous connecter à votre consentmanager compte et allez à Menu > CMP > Autre et désactiver le paramètre Bloquer les scripts en ligne:

Problème : le mode de consentement de Google est défini par défaut sur accordé

Malheureusement ShopifyLe système de suivi de Google définit le statut de consentement du mode consentement de Google sur granted par défaut. Afin d'éviter cela, veuillez ajouter le code suivant dans votre thème :

  1. Dans le menu, cliquez sur votre Boutique en ligne > Thèmes et éditez le code du thème actuel :

  2. Ouvrez le fichier theme.liquid, rechercher <head>
  3. Juste après insérez le code suivant (après et avant tout autre code) :
 <script>
  //Prevent Shopify from writing default consent mode before consentmanager loaded
  window.dataLayer = window.dataLayer || [];
  function gtag ()
  {
   if (!('cmploaded' in this))
   {this.cmploaded = false;}
   if (arguments.length > 1 && arguments[0] == 'consent' && arguments[1] == 'default' && !this.cmploaded)
   { return; }
   if (arguments.length > 1 && arguments[0] == 'set' && arguments[1] == 'developer_id.dMzk4MW')
   {this.cmploaded = true;}
   dataLayer.push(arguments);
  }
  window.dataLayer.push(['consent', 'default', {
   'ad_storage':         'denied',
   'analytics_storage':  'denied',
   'ad_user_data':       'denied',
   'ad_personalization': 'denied',
   'wait_for_update':    500
  }]);
 </script>

Problème: consentmanager La couche de consentement n'est pas visible

Certain Shopify les thèmes ont ajouté un style CSS qui masque les éléments DIV vides. Si vous avez activé l'option WCAG dans votre conception (Menu > Motifs > Modifier le motif > Paramètres de la boîte) alors le CMP est placé dans une racine fantôme, donc le DIV parent semble vide et est masqué par le Shopify CSS. Afin de résoudre ce problème, vous devez ajouter une règle personnalisée pour ne pas masquer les DIV vides :

  1. Dans votre Shopify administrateur, allez sur Boutique en ligne > Themes
  2. Cliquez Personnaliser.
  3. Cliquez Réglage des thèmes.
  4. Cliquez CSS personnalisé.
  5. Ajoutez une nouvelle règle CSS et appuyez sur Enregistrer :
div#cmpwrapper {display: block;}

Retour en haut de la page