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
- Dans votre consentmanager compte, rendez-vous sur Menu > CMP > Intégrations et activer Shopify Mode consentement
- Assurez-vous sous Menu > CMP > Objectifs que vous avez suffisamment de finalités actives dans votre CMP
- (facultatif) Si le blocage automatique est utilisé, nous vous recommandons de désactiver le blocage automatique des URL inconnues :
- 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) - Dans votre liste de fournisseurs, assurez-vous que tous Shopify les fournisseurs sont affectés à un objectif correspondant
- Cliquez sur Menu > CMP > Obtenir des codes pour... Site Web et copiez le code CMP
- Connexion à ta Shopify Compte
- Dans le menu, cliquez sur votre Boutique en ligne > Thèmes et éditez le code du thème actuel :
- 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 :
- Presse Enregistrer et retournez à la page d'accueil du magasin
- 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 Shopifybannière de cookies de 's propre, puis désactivez-la à nouveau.
Remarque : Dans certaines versions de Shopify le paramètre indique « Supprimer la bannière de cookies » au lieu de « Désactiver la bannière de cookies » :
- 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
Remarque : Dans certaines versions de Shopify ce paramètre n'est pas présent, à la place vous devriez voir les écrans suivants :
L'avertissement que Shopify montre ici, peut être ignoré puisque vous avez inséré manuellement le code dans le thème.
- 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 :
- Dans le menu, cliquez sur votre Boutique en ligne > Thèmes et éditez le code du thème actuel :
- Ouvrez le fichier theme.liquid, rechercher
<head> - 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 :
- Dans votre Shopify administrateur, allez sur Boutique en ligne > Themes
- Cliquez sur Personnaliser.
- Cliquez sur Réglage des thèmes.
- Cliquez sur CSS personnalisé.
- Ajoutez une nouvelle règle CSS et appuyez sur Enregistrer :
div#cmpwrapper {display: block;}
