Tracking Shopify (GA4, Meta, Google Ads) : quelle solution choisir ?

L’importance d’un tracking personnalisé pour un e-commerçant

Un tracking e-commerce sur mesure est essentiel pour une attribution correcte des campagnes média et une analyse précise des performances. Sans un contrôle total de l’attribution et de la qualité des données transmises aux partenaires média, les investissements publicitaires perdent en efficacité, ce qui impacte directement la croissance du chiffre d’affaires du site.

Un tracking personnalisé permet:

• Le contrôle sur les données envoyées à Meta, Pinterest, Google Ads, Google Analytics 4, etc.
• Une attribution correcte des conversions aux campagnes publicitaires.
• L’envoi de données qualitatives sur les utilisateurs et les produits à vos outils d’analytics et partenaires média.
• La migration d’un tracking traditionnel à un tracking server-side, pour améliorer à la fois la performance web, la gouvernance et la qualité des données collectées.

Avant d’explorer les solutions possibles pour mettre en place un tracking personnalisé pour votre site, il est crucial de comprendre les enjeux uniques à Shopify, liés notamment aux restrictions des pages de checkout et de confirmation de commande.

Un défi spécifique à Shopify : les restrictions sur les pages du checkout

Sur un site Shopify, trois types de pages coexistent :

1. Les pages de la boutique : de la page d’accueil aux pages produit, compte client ou panier.
2. Le(s) page(s) de checkout : celle(s) où l’utilisateur finalise sa commande en saisissant ses informations (e-mail, adresse, moyen de paiement).
3. La page de confirmation de commande : une fois que l’achat est validé.

Ce qui a changé :

• Avant : il était relativement simple d’éditer le thème de son site depuis le back office Shopify, afin de gérer son tracking sur les trois types de pages : boutique, checkout et confirmation de commande. Il était donc possible de personnaliser son tracking sur la partie checkout et confirmation de commande en ajoutant du custom Javascript, ou en modifiant les scripts de ces pages.
• Maintenant : avec Checkout Extensibility, Shopify impose un environnement sécurisé où seul l’usage des Custom Pixels est autorisé pour capturer les interactions sur les pages de paiement. Il n’est donc plus possible d’insérer du code sur les pages du checkout pour y gérer son tracking
• À partir d’août 2025 : les fichiers des pages de checkout et de confirmation de commande qui permettaient un tracking dédiés seront définitivement abandonnés.

Cette transition rend la mise en place d’un tracking personnalisé plus techniquement exigeante.

3 options pour le tracking de votre site Shopify, leurs avantages et inconvénients

Passons en revue les 3 solutions existantes, qui permettent toutes de traquer les évènements des pages boutique, checkout et confirmation de commande.

Option 1 : l’application Shopify “Google & YouTube”

Cette application simplifie l’intégration et l’automatisation des processus publicitaires ainsi que le référencement des produits Shopify sur les écosystèmes Google et YouTube, rendant ces canaux publicitaires facilement accessibles.

Les avantages

1. Synchronisation automatique : Les produits de votre boutique Shopify sont synchronisés avec les outils principaux de Google, notamment le Google Merchant Center, permettant de maintenir un catalogue produit toujours à jour sur Google.
2. Connexion simplifiée : Liaison directe entre votre compte Google Ads et votre boutique Shopify, facilitant la création et la gestion des campagnes publicitaires (Google Shopping, Search Ads, Display Ads et désormais YouTube Ads).
3. Tracking facilité : Implémentation simplifiée du suivi des conversions (achats, clics ou autres actions importantes) directement dans Google Ads ou Google Analytics 4.

Les inconvénients (côté tracking)

1. Pas de personnalisation du tracking: Impossible de modifier les événements envoyés par défaut, car l’application ne propose pas de sur-mesure.
2. Exclusivité Google : Les conversions ne peuvent pas être transmises à d’autres plateformes publicitaires en dehors de l’environnement Google.
3. Gestion du consentement : L’application ne propose pas de fonctionnalités pour gérer manuellement le consentement utilisateur.
4. Absence de tracking server-side : Il est impossible d’intégrer un transporteur vers un conteneur serveur pour une migration du tracking côté serveur.

Option 2 : créer un Custom Pixel

Un custom pixel est un endroit où on peut souscrire aux évènements standards Shopify, correspondants aux événements d’un parcours utilisateur sur le site (vue de produit, ajout panier, achat…). On peut ensuite envoyer ces événements à différents tiers, soit :

• en venant fournir un datalayer (couche de données utilisable sur Google Tag Manager)
• en envoyant directement la donnée à des partenaires.

Cette solution, beaucoup plus avancée, vous permet de reprendre le contrôle sur votre tracking, en passant votre tracking via un TMS comme Google Tag Manager.

Les avantages

1. Solution accessible à tous les e-commerçants : Même les marchands Shopify qui ne disposent pas de l’offre Shopify Plus peuvent utiliser ce système de tracking avancé.
2. Sécurité renforcée : Les Custom Pixels fonctionnent dans un environnement isolé (sandbox), empêchant les injections de scripts non autorisées et limitant les risques de fuite de données.
3. Un tracking personnalisé beaucoup plus avancé est possible.

Les inconvénients

1. Pas d’accès au DOM : Les possibilités de manipuler les éléments de la page (DOM) sont impossibles. Certains déclencheurs sur GTM sont donc impossibles à paramétrer correctement (clicks, scroll entre autres)
2. Incompatibilité avec le mode Preview de GTM : Les événements ne s’affichent pas dans l’environnement preview de GTM ce qui complique les phases de test. Le recours aux outils de développement (DevTools) devient un passage obligatoire, nécessitant davantage de compétences techniques.
3. Les cookies ne seront pas envoyés automatiquement dans les requêtes. Les Client ID, et l’attribution en général est donc beaucoup plus complexe à gérer.
4. Compétences techniques avancées : cette solution requiert des connaissances techniques poussées pour une bonne mise en œuvre.

Option 3 : l’application Addingwell - GTM & DataLayer

Cette dernière solution a été développée par nos équipes pour vous faciliter la tâche au maximum. Notre plugin répond aux restrictions imposées aujourd’hui et demain par Shopify. Les derniers standards de tracking de Shopify sont utilisés dans ce plugin (custom pixel sur la partie checkout + code dédié pour les événements des pages boutique), sans prise de tête ou connaissances particulières pour l’utilisateur final.

Pour mettre en place cette solution, rien de plus simple, il vous faut notre plugin et un conteneur Google Tag manager Web.

Les avantages

1. Installation facilitée de votre snippet GTM via le plugin sur toutes les pages du site.
2. Un tracking e-commerce avancé mis en place sans effort, à la fois sur les pages boutiques et celles du checkout, en un clic. Notre plugin pousse tous les événements e-commerce principaux dans un datalayer, avec la bonne nomenclature GA4. Toutes les informations e-commerce nécessaires pour chaque événement y sont donc présentes (item_id, value, currency….).
3. Pour vous permettre d’envoyer des données ultra qualitatives à vos partenaires média, les données user data sont également disponibles dans le datalayer, au bon format, au bon moment.
4. Mise à disposition d’un conteneur GTM client-side “type” téléchargeable depuis notre documentation pour vous permettre une installation rapide et efficace.
5. Pour les clients server-side Addingwell : mise en place du bypass des adblockers en un clic. Vous pouvez ainsi suivre facilement les utilisateurs ayant mis en place un adblocker sur leur navigateur (jusqu’à 15% de données traquées en plus selon les sites).
6. Pour les clients server-side Addingwell : maintien des cookies facilité, en un clic.
7. L’installation du plugin est gratuite et vous permet de configurer votre tracking e-commerce en quelques minutes, sans compétences techniques avancées.

Les inconvénients

1. Notre plugin ne permet pas à date d’ajouter d’autres évènements Custom. Si vous avez besoin de paramétrer des évènements en plus de nos évènements datalayer e-commerce “classiques”, cela n’est pas possible aujourd’hui.

Configuration de l’application Addingwell - GTM & DataLayer

A quoi sert l’application Shopify d’addingwell ?

L’application Shopify d’addingwell vous permet d’installer Google Tag Manager et un Data Layer GA4 sur votre boutique Shopify.

À partir de ce DataLayer vous pouvez configurer Google Tag Manager pour envoyer vos données à différentes plateformes comme par exemple Google Analytics 4, Google Ads ou Meta Ads.

Compatibilité des boutiques Shopify

Avec tous les changements réalisés sur Shopify, vous vous demandez peut-être si l’application Addingwell est compatible avec votre boutique Shopify. Sachez que notre application est compatible avec tous les types de boutiques.

Configurer l’application Addingwell

Installer l'aplication Addingwell sur votre shop

Pour commencer, téléchargez l’application depuis cette page  ou cherchez Addingwell directement dans le Shopify App Store .

Cliquez sur Install, vous êtes ensuite redirigé vers votre boutique Shopify.

Une fois l’application installée vous arrivez sur cette interface.

Cliquez sur Continue pour commencer la configuration.

Activer le Data Layer

L’activation du DataLayer permet de générer automatiquement un suivi des événements utilisateur au format GA4. Ces événements couvrent l’essentiel des interactions avec votre site.

Enable GA4 DataLayer with Standard eCommerce Events

Cochez cette case pour activer l’envoi des événements Data Layer.

Customize your dataLayer name (avancé)

Pour des cas d’usages plus avancés, vous pouvez renommer le nom de votre Data Layer. Le Google Tag Manager injecté par l’application écoutera alors ce Data Layer.

Le nom par défaut est dataLayer.

Use suffix for events

Pour ne pas impacter vos potentiels déclencheurs Data Layer actuels dans Google Tag Manager, vous pouvez ajouter un suffixe aux événements Data Layer qui seront générés par l’application Addingwell.

Par exemple, si vous mettez aw dans ce champ, vos événements Data Layer seront formattés comme ceci :

• page_view_aw
• view_item_aw
• etc.

=> Référence des événements et paramètres Data Layer pris en charge par l’application.

Connecter Google Tag Manager

Include GTM.js on Site Pages

Pour intégrer Google Tag Manager à votre boutique, cochez cette case. Entrez ensuite l’identifiant de votre conteneur GTM (dans notre exemple : GTM-DSD8IZD).

Alternative Path

Cette section vous permet de charger le script de Google Tag Manager depuis votre propre serveur afin de controurner les ad-blockers.

Cette fonctionnalité est disponible uniquement si vous avez un serveur.

Si vous n’avez pas de serveur, vous pouvez en créer un gratuitement sur Addingwell 

Depuis votre container Addingwell, rendez-vous dans la section CDN. Dans la carte Google Tag Manager Web puis cliquez sur How to setup?.

Une popup s’ouvre, copiez l’URL complète du fichier Google Tag Manager (voir capture ci-dessous).

Cochez la case Use an alternative path et collez l’URL.

Cochez ensuite la case Use Addingwel CDN pour contourner totalement les ad-blockers.

Cliquez ensuite sur Continuer.

Activer l'application Addingwell dans votre thème Shopify

Cliquez sur le bouton Enable Addingwell script.

Vous êtes ensuite redirigé dans votre thème Shopify. Activez l’application Addingwell, puis cliquez sur Save en haut à droite.

Revenez dans la configuration de votre application, vous devriez avoir la confirmation que l’application a bien été activée.

Cliquez ensuite sur Continuer.

Événements clients : suivi dans le checkout Shopify

Copier le code depuis l’application Addingwell. Cliquez ensuite sur le lien qui vous emmènera directement dans les paramètres sur les événements clients.

Cliquez sur le bouton Add custom pixel.

Une popup s’ouvre, donnez un nom à votre custom pixel (par exemple : Addingwell pixel).

Ensuite dans la section Customer privacy, sélectionnez :

• Not required
• Data collected does not qualify as data sale

Dans la section Code, collez le code que vous avez copié précédemment depuis l’application Addingwell.

Puis, cliquez sur Save en haut de l’écran pour enregistrer vos changements.

Vous verrez apparaître le message suivant mais pas de panique, tout est normal !

⚠️

Pixel will not track any customer behavior because it is not subscribed to any events.

Cliquez ensuite sur Connect en haut à droite pour connecter le pixel personnalisé que vous venez de créer à votre boutique Shopify.

Une popup s’ouvre, cliquez à nouveau sur Connect.

Vous pouvez à présent retourner dans l’application Addingwell et cliquer sur Continue.

Félicitations, vous avez terminé l'onboarding

Félicitations 👏 ! Vous avez configuré avec succès l’application Addingwell avec votre shop sur Shopify.

Cliquez sur Continue. Vous pouvez maintenant revenir sur la configuration réalisée pendant l’onboarding si besoin.

Vérifier GTM et le DataLayer

Google Tag Manager est-il installé ?

Rendez-vous sur votre boutique Shopify, faites un clic droit et cliquez sur Inspect.

Dans l’onglet Network, recherchez la requête qui permet de charger GTM.

En fonction de votre configuration dans l’application Addingwell, votre requête Addingwell peut ressembler à une des 3 requêtes suivantes :

URL de chargement de GTM	Alternative Path	Alternative Parameter
https://googletagmanager.com/gtm.js?id=GTM-DSD8IZD	NON	NON
https://metrics.domain.com/b43b534bb45.js?id=GTM-DSD8IZD	OUI	NON
https://metrics.domain.com/b43b534bb45.js?aw=DSD8IZD	OUI	OUI

Notez ici que seule la requête avec l’alternative path + l’alternative parameter permet de contourner les ad-blockers.

Voici comment vérifier la présence de ces requêtes sur votre boutique en fonction de la présence ou non de l’aternative path et parameter.

sans alternative path ni parameteravec alternative pathalternative path + parameter

sans alternative path ni parameter

Le DataLayer est-il présent dans le thème ?

Dans votre thème, par exemple sur une page produit, ouvrez votre console (clic droit puis inspecter). Allez dans l’onglet Console et tapez dataLayer.

Le DataLayer est-il présent dans le checkout ?

Dans le checkout, ouvrez votre console (clic droit puis inspecter). Cliquez sur Top puis sélectionnez le pixel personnalisé que vous avez ajouté précédemment dans les événements clients. Le nom de ce pixel personnalisé commence par web-pixel-sandbox-CUSTOM-{suite de chiffres}-LAX.

Une fois que vous êtes à l’intérieur du pixel personnalisé, tapez dataLayer.

⚠️

Si dataLayer est à undefined, il est possible que vous ayez plusieurs pixels personnalisés et que vous ne soyez pas en train de visualiser le pixel personnalisé d’Addingwell. Si c’est le cas, essayez de choisir un autre pixel qui ressemble à web-pixel-sandbox-CUSTOM-{suite de chiffres}-LAX.

La preview GTM fonctionne dans le thème ?

Si vous avez réalisé correctement les étapes d’installation de l’application Addingwell, votre preview GTM devrait fonctionner dans votre thème.

La preview GTM fonctionne dans le checkout ?

Même avec une bonne configuration, la preview GTM ne fonctionne pas dans le checkout (c’est une limitation technique de Shopify).

Ça ne veut pas dire que votre configuration GTM ne va pas fonctionner mais uniquement que la preview ne marche pas.

Ce n’est pas pratique dans le sens où vous ne pouvez pas vraiment tester une configuration, vous devez publier votre conteneur GTM pour que votre configuration soit active et visible depuis le checkout.

Template de conteneur GTM Web

Nous avons créé un template de conteneur GTM Web pour vous faciliter la tâche lors de l’implémentation d’un tracking basé sur le Data Layer de l’application Addingwell Shopify.

Vous pouvez télécharger ce template ici  en cliquant sur le bouton entouré en rouge ci-dessous.

Une fois le template téléchargé, rendez-vous dans votre conteneur Google Tag Manager Web puis cliquez sur Admin et ensuite Import Container.

Cliquez sur Choose container file puis sélectionnez le fichier template.json précédemment téléchargé.

Séléctionnez le workspace dans lequel vous souhaitez faire l’import puis sélectionnez Merge et Rename conflicting tags, triggers and variables..

Descendez ensuite en bas de la page et cliquez sur Add to workspace.

Restauration des cookies (obligatoire sur Shopify)

Depuis la migration vers Checkout Extensibility, le tracking Shopify a connu quelques boulversements notamment le fait qu’à partir du checkout les cookies ne sont plus accessibles.

Pour régler ce problème, Addingwell a mis en place un mécanisme de restauration de cookies côté serveur qui s’appelle Cookie Restore.

Suivez les étapes suivante pour activer cette fonctionnalité.

Ajouter le paramètre shopify_y dans GTM

Dans votre conteneur Google Tag Manager Web, créez une variable de DataLayer pour récupérer l’ID du visiteur, nommée shopify_y. Ceci permettra au Cookie Restore de fonctionner et donc de suivre le visiteur pendant tout le processus de paiement.

Ajoutez ensuite le paramètre shopify_y dans les balises d’événements GA4 pour les étapes du checkout (événements begin_checkout, add_payment_info, add_shipping_info, et purchase).

Voici un exemple pour l’événement begin_checkout.

Activer la fonctionnalité Cookie Restore dans Addingwell

Dans votre container Addingwell, rendez-vous dans la section Cookie Monitoring. Cliquez ensuite sur le lien Cookie Restore de votre domaine.

Vous arrivez ensuite sur l’interface ci-dessous qui vous invite à renseigner 3 informations :

1. Target Domain
2. Test Subdomain
3. Cookie Name

Target Domain

Le domaine de tagging sur lequel vous souhaitez activer le cookie restore. Vous avez le choix entre tous les domaines que vous avec ajoutés dans Addingwell. Si vous n’avez ajouté qu’un seul domaine, un seul domaine s’affichera.

Test Subdomain

Rentrez ici le sous-domaine de votre site web s’il y en a un ou laissez vide (voir tableau ci-dessous).

Domaine du site	Valeur du champ Target subdomain
domain.com	Laisser vide
www.domain.com	www (comme sur la capture ci-dessous)
any.domain.com	any

Cookie Name

Rentrez ici _shopify_y.

Cliquez ensuite sur Verify, la vérification de la présence du cookie sur le site va commencer.

Nous vérifons ensuite que le cookie _shopify_y a une valeur adaptée pour l’usage que nous allons en faire.

En 3ème et dernière étape, nous vérifions que le cookie est unique et différent pour chaque nouvel utilisateur.

Une fois tous les tests passés, vous pouvez activer le Cookie Restore en cliquant sur le bouton Activate Cookie Restore.

Une fois le Cookie Restore activé, dans la section Cookie Monitoring vérifiez que la colonne Safari 16.4 resilient soit au vert pour votre domaine.

Félicitations, vous restaurez maintenant les cookies à partir du checkout sur votre boutique Shopify ce qui permet à vos outils de reconnaître le parcours complet de l’utilisateur.

Référence des événements et des paramètres DataLayer

Paramètres généraux

Événements et paramètres associés

page_view

Aucun paramètre associé à l’événement page_view.

view_item_list

Paramètres

Paramètres item

select_item

Paramètres

Paramètres item

view_item

Paramètres

Paramètres item

search

Paramètres

Paramètres item

add_to_cart

Paramètres

Paramètres item

view_cart

Paramètres

Paramètres item

remove_from_cart

Paramètres

Paramètres item

begin_checkout

Paramètres

Paramètres item

add_contact_info

Paramètres item

add_address_info

Paramètres

Paramètres item

add_shipping_info

Paramètres

Paramètres item

add_payment_info

Paramètres

Paramètres item

purchase

Paramètres

Paramètres item

Conclusion

Félicitations 🎉 ! Vous avez terminé l’installation de notre application Shopify, et votre boutique est maintenant prête à collecter les données d’interactions avec vos utilisateurs de manière efficace et fluide.

Grâce à cette configuration, vous pouvez suivre précisément les événements clés, optimiser vos campagnes publicitaires et mieux comprendre les comportements de vos clients. Si vous avez des questions ou rencontrez des difficultés, n’hésitez pas à contacter notre équipe support, prête à vous aider à chaque étape.