Comment configurer le suivi du commerce électronique GA4 sur Shopify

Publié: 2022-07-19

Vous devez maintenant savoir que Google supprimera Universal Analytics en juillet 2023 et déplacera tout vers GA4. Cela signifie que les propriétaires de sites Web doivent configurer GA4 dès que possible. Pour les sites Web de commerce électronique, il y a la complication supplémentaire de faire fonctionner le suivi du commerce électronique dans GA4 également. Pour les magasins Shopify, ce processus était très simple sur Universal Analytics, mais il est plus difficile sur GA4.

Lisez la suite pour un processus simple pour configurer le suivi du commerce électronique GA4 sur n'importe quel site Web Shopify sans avoir besoin d'installer des applications ou d'utiliser des développeurs.

Bien que tout le monde puisse suivre ce guide, il sera plus facile si vous avez une compréhension de base du fonctionnement de GTM.

Créer une couche de données dans Shopify

Notre première tâche consiste à créer une couche de données. La couche de données est un simple morceau de code qui contient des informations sur la session du site Web d'un visiteur. Ces informations peuvent ensuite être transmises à d'autres plates-formes telles que GTM.

Nous avons créé pour vous une couche de données qui s'affiche sur la page Commande terminée de Shopify. Il se remplit automatiquement avec des informations sur la commande du client, telles que la valeur de la commande, les frais d'expédition et les articles achetés.

Copiez et collez le script ci-dessous dans le champ des scripts de paiement dans vos paramètres d'administration Shopify. Cela peut être trouvé en allant dans 'Paramètres> Paiement et comptes> Scripts supplémentaires'
Cette couche de données envoie un événement « achat » à GTM qui contient des informations sur la commande du client.

 {% if first_time_accessed %} <script> dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. window.dataLayer.push({ 'event': 'purchase', ecommerce: { 'transaction_id': '{{ order.name || order.order_number }}', 'value': {{ total_price | money_without_currency | remove:',' }}, // Includes tax & shipping 'tax': {{ tax_price | money_without_currency | remove:',' }}, 'shipping': {{ shipping_price | money_without_currency | remove:',' }}, 'currency': '{{ shop.currency }}', 'payment_type': '{{ order.transactions[0].gateway }}', //optional parameter 'items': [ {% for line_item in line_items %} { 'item_id': '{{ line_item.sku || line_item.product_id }}', //if no SKU exists, use product Id 'item_name': '{{ line_item.product.title }}', 'discount': {{ line_item.line_level_total_discount | money_without_currency }}, 'item_variant': '{{ line_item.variant.title }}', 'price': {{ line_item.final_price | money_without_currency }}, 'quantity': {{ line_item.quantity }} }, {% endfor %} ]} }); </script> {% endif %}**

Créer un déclencheur de tir dans GTM

Nous devons maintenant configurer un déclencheur qui se déclenche lorsque les clients terminent une commande. Lorsque le déclencheur se déclenche, la balise contenant les informations de commande est envoyée à GA4.

Nous devons définir les conditions dans lesquelles notre déclencheur d'achat se déclenche. La condition de notre déclencheur sera lorsque l'événement d'achat dans notre couche de données sera poussé. Pour configurer ceci :

Connectez-vous à GTM, allez dans le menu de gauche et sélectionnez 'Triggers'
Appuyez sur le bouton bleu "Nouveau"
Appelez votre déclencheur "GA4 - Achat"
Appuyez sur l'icône "Modifier" dans le coin de la fenêtre "Configuration du déclencheur"
Sous "Choisir le type de déclencheur", sélectionnez "Événement personnalisé"
Dans le champ 'Nom de l'événement', tapez 'achat'
Définissez "Ce déclencheur se déclenche sur" sur "Certains événements personnalisés"
Définissez les conditions de l'événement sur :
Événement - Égalité - Achat

Lorsque vous avez terminé, cela devrait ressembler à ceci :

Créer des variables de couche de données dans GTM

Avant de configurer notre balise, nous devons créer des variables GTM pour récupérer les informations de notre couche de données. Si les variables sont nouvelles pour vous, considérez-les comme des paquets contenant de petits éléments d'information.

Des valeurs spécifiques de la couche de données sont ajoutées à ces variables, et celles-ci sont ensuite envoyées à GA4.

Nous devons créer des variables pour extraire les valeurs suivantes de votre couche de données :

Revenu de la commande
numéro de commande
Devise
Impôt
Les frais de livraison
Articles achetés
Dans GTM, dans le menu de gauche, cliquez sur la page "Variables"
Dans la case 'Variables définies par l'utilisateur', cliquez sur le bouton 'Nouveau'
Sur cet écran, vous pouvez créer une nouvelle variable GTM. Vous devez effectuer le processus suivant pour chacune des variables répertoriées ci-dessus. Les détails de chaque variable individuelle sont répertoriés ci-dessous :

Revenu de la commande

Nom : dlv - Page de remerciement - Chiffre d'affaires de la commande

Configuration variable :