Icône de l'article Blogue

Architecture de suivi Shopify : pixels Web, événements clients, consentement et réconciliation avec GA4

Image principale de l'article
Image principale de l'article

Les problèmes de suivi sur Shopify prennent rarement leur origine dans Google Analytics. En général, ils découlent plutôt de l'architecture sous-jacente de vos outils d'analyse.

Une boutique d'e-commerce peut avoir un pixel d'application qui envoie des événements, un pixel personnalisé Shopify qui charge Google Tag Manager, d'anciens codes de suivi oubliés dans le code du thème, une plateforme de consentement qui contrôle les déclenchements, et une autre intégration qui transmet des données similaires de manière indépendante. Tout peut sembler fonctionner correctement, alors que les achats sont comptabilisés en double, que le consentement bloque des événements, ou que Shopify et GA4 affichent des revenus différents.

Pour éviter cela, les marchands Shopify doivent cartographier avec précision quel système est responsable de chaque événement, où il se déclenche, quel consentement est requis et ce qu'il advient des données par la suite.

Dans cet article, nous examinerons les Web Pixels et les événements clients de Shopify (Customer Events), la gestion du consentement et le suivi GA4 comme une seule et même architecture. Nous vous aiderons ensuite à mettre en place un processus d'audit et d'assurance qualité (AQ) pour vos pixels Shopify, afin que vous puissiez commencer à suivre et à recueillir des données probantes sur vos clients et les visiteurs de votre site Web.

Les Web Pixels et les événements clients Shopify

L'architecture de suivi actuelle de Shopify s'articule autour de l'API Web Pixels et des événements clients.

L'API Web Pixels accorde aux pixels un accès contrôlé aux fonctionnalités du navigateur et aux événements côté client de Shopify. Au lieu de laisser chaque intégration exécuter du code arbitraire directement sur la vitrine, Shopify exécute les pixels dans des environnements isolés appelés bacs à sable (sandboxes). Les pixels d'application utilisent un bac à sable strict, tandis que les pixels personnalisés en utilisent un plus souple.

Les événements clients fournissent les événements comportementaux auxquels ces pixels peuvent s'abonner. Shopify maintient des événements standards, notamment « page_viewed », « product_viewed », « product_added_to_cart », « checkout_started », « payment_info_submitted », « checkout_completed » et « search_submitted ».

Le principe est simple : un événement doit avoir une source et un propriétaire clairement définis.

Si l'événement « checkout_completed » est converti en événement « purchase » (achat) dans GA4 via un pixel personnalisé, et qu'une application envoie simultanément le même achat à la même propriété GA4 de manière indépendante, vous vous retrouvez avec deux chemins de collecte pour un seul événement commercial. Cela n'est d'aucune utilité lorsqu'il vient le temps d'éplucher vos analyses pour tenter de comprendre le comportement de vos clients, de vos visiteurs et la performance globale de votre boutique.

Quelle est la différence entre les pixels d'application et les pixels personnalisés de Shopify?

Les pixels d'application de Shopify s'exécutent dans un bac à sable strict. Les extensions d'application Web Pixel peuvent accéder à des API contrôlées comprenant analytics, browser, init, ainsi qu'aux paramètres spécifiques à l'application. En revanche, les pixels personnalisés s'exécutent dans un bac à sable souple et ont accès à analytics, browser et init sans exiger la même structure d'enregistrement, mais ils ne disposent pas de la propriété settings.

Les implémentations de suivi traditionnelles présument souvent pouvoir inspecter ou modifier la page parente via « window » ou « document ». L'architecture en bac à sable de Shopify restreint ce comportement. Dans le bac à sable strict utilisé pour les pixels d'application, Shopify avertit explicitement les développeurs de ne pas s'appuyer sur les variables globales classiques du navigateur. Les pixels personnalisés bénéficient d'une plus grande flexibilité grâce à leur bac à sable souple basé sur des iframes, mais ils ne peuvent tout de même pas se comporter comme si leur JavaScript s'exécutait directement dans le cadre principal.

Pour les marchands, la règle générale est d'utiliser un pixel d'application lorsqu'une intégration native fiable est disponible. Shopify recommande d'ailleurs de privilégier les pixels d'application dans la mesure du possible, car le développeur de l'application en assure la maintenance et les mises à jour. Utilisez un pixel personnalisé lorsque l'intégration ou le mappage d'événements requis n'est pas disponible via une application.

Comment mapper les événements clients Shopify avec GA4 - Configuration de GA4 et Shopify

Pour connecter Google Analytics 4 à Shopify, commencez par créer ou sélectionner une propriété GA4, puis configurez son flux de données Web.

Ensuite, installez le canal de vente Google & YouTube depuis l'App Store de Shopify, puis connectez votre compte Google. Dans Shopify, accédez à Canaux de vente > Google & YouTube, puis suivez le processus de configuration de GA4. Sélectionnez votre propriété GA4 existante ou créez-en une nouvelle, puis connectez-la à votre boutique.

Vous n'avez pas besoin d'un compte Google Ads ni de Google Merchant Center pour utiliser GA4. Vous pouvez configurer ces intégrations séparément si vous souhaitez également gérer des campagnes publicitaires ou des listes de produits.

Une fois la connexion établie, vérifiez que les événements d'e-commerce attendus parviennent bien à GA4 avant d'ajouter tout suivi supplémentaire via Google Tag Manager ou des pixels personnalisés.

Lorsque vous connectez GA4 via le canal de vente Google & YouTube de Shopify, l'intégration mappe automatiquement les événements clients Shopify pris en charge aux événements Google correspondants.

Ceux-ci incluent les pages vues, les vues de produits, les recherches, les ajouts au panier, la progression dans le processus de paiement et les achats. L'intégration prend également en charge des événements supplémentaires, tels que les vues du panier, les retraits d'articles et la soumission des informations d'expédition.

Cependant, chaque événement ne sera pas nécessairement collecté dans toutes les configurations de la boutique. La disponibilité des événements, le consentement du client et la mise en œuvre du suivi peuvent tous influencer ce qui parvient à GA4.

Voici quelques-uns des événements clients Shopify les plus couramment suivis et leurs équivalents GA4 correspondants :

Événement client Shopify 

Événement GA4 

page_viewed

page_view

product_viewed

view_item

product_added_to_cart

add_to_cart

product_removed_from_cart

remove_from_cart

checkout_started

begin_checkout

checkout_shipping_info_submitted

add_shipping_info

payment_info_submitted

add_payment_info

checkout_completed

purchase

search_submitted

search

 

Ces mappages ne sont toutefois pas exhaustifs, et certains événements dépendent de la configuration du passage en caisse de votre boutique. Par exemple, le mappage Google « add_shipping_info » n'est disponible que dans les configurations d'extensibilité du passage à la caisse prises en charge.

GA4 prend également en charge les événements de mesure améliorée, notamment les défilements, les clics sortants, l'engagement vidéo et les interactions avec les formulaires. Cependant, certains de ces événements peuvent ne pas se déclencher automatiquement lorsque vous implémentez GA4 via le bac à sable des pixels personnalisés de Shopify.

Par exemple, Shopify confirme que les mesures améliorées de GA4 ne peuvent pas détecter automatiquement les clics sur les liens sortants dans cet environnement. Il se peut que vous deviez capturer ces interactions au moyen d'événements personnalisés et les mapper vers GA4.

Avant d'activer un suivi supplémentaire, vérifiez quels événements votre intégration actuelle collecte déjà et testez si les nouveaux événements sont bien reçus.

Soyez prudent lors de la configuration de cette intégration, car il est facile de commettre une erreur et de se retrouver à suivre des données erronées, comme un événement d'achat dans la mauvaise devise, un identifiant de transaction manquant (transaction_id), une valeur incorrecte ou des données d'articles mal structurées.

Pixels personnalisés GTM sur Shopify

Vous pouvez implémenter Google Tag Manager via un pixel personnalisé dans GTM sur Shopify. Shopify fournit un processus officiel pour charger GTM dans un pixel personnalisé, s'abonner aux événements clients et les pousser dans le dataLayer de GTM.

Il s'agit toutefois d'une fonctionnalité avancée qui requiert des connaissances en JavaScript. Shopify propose une documentation officielle pour l'implémentation de GTM via des pixels personnalisés, mais n'offre pas de support technique pour ce type d'implémentation.

Étant donné que cette configuration nécessite des compétences en JavaScript et une maintenance continue, les marchands ont tout intérêt à collaborer avec une agence partenaire Shopify expérimentée afin de s'assurer que leur suivi est correctement mis en œuvre, testé et maintenu.

Gardez à l'esprit que le chargement de Google Tag Manager via un pixel personnalisé Shopify ne contourne pas les restrictions du bac à sable de Shopify. Certaines balises qui s'appuient sur un accès direct au document de la page ou à l'environnement du navigateur peuvent ne pas se comporter comme prévu.

Le débogage exige également une attention particulière. Shopify note que la fonction de résolution des problèmes de balises de Google Tag Assistant ne peut pas détecter les balises exécutées à l'intérieur de pixels personnalisés. Utilisez l'outil Shopify Pixel Helper pour valider les événements Shopify et les rappels de pixels, puis utilisez DebugView de GA4 pour vérifier que les événements correspondants et leurs paramètres parviennent bien à Google Analytics.

Comment effectuer un audit de pixels Shopify?

À mesure que les boutiques d'e-commerce croissent et évoluent, des problèmes de suivi et de pixels peuvent survenir et générer des données erronées, même lorsque tout semble normal en surface et dans vos rapports. C'est pourquoi un audit de suivi ponctuel est judicieux.

Tout d'abord, passez en revue chaque emplacement de suivi. Vérifiez la section « Paramètres > Événements clients » pour les pixels d'application et les pixels personnalisés. Inspectez ensuite l'ensemble de l'implémentation pour repérer tout code d'analyse qui pourrait subsister ailleurs.

Cette étape est particulièrement importante après une migration de suivi. Des événements en double peuvent survenir lorsque la même action d’un client est suivie de multiples intégrations actives, telles que le code du thème, les pixels d’application et les événements clients de Shopify.

Si votre boutique a subi une migration de suivi, examinez tous les scripts de suivi restants dans votre thème et vérifiez que les anciennes implémentations ont été correctement remplacées. Les mises à niveau de Shopify pour le passage à la caisse ont également retiré les méthodes de suivi obsolètes, notamment les scripts supplémentaires et les personnalisations du fichier checkout.liquid sur les pages de remerciement et d'état de la commande.

Confirmez quelles méthodes de suivi sont actuellement actives plutôt que de présumer que l'ancien code collecte toujours des données.

En 2024, Shopify a lancé Shopify Pixel Helper pour aider les marchands à vérifier que leurs pixels personnalisés se chargent correctement et reçoivent les données. L'outil peut afficher les événements et leurs données associées en temps réel. Il peut également indiquer lorsqu'un pixel est en attente de consentement et mettre en évidence les erreurs de rappel.

Une fois que vous avez confirmé l'événement Shopify, vérifiez que l'événement mappé parvient bien à destination. Pour GA4, utilisez DebugView pour inspecter l'événement et ses paramètres.

Pour avoir un portrait global, testez l'ensemble du parcours client plutôt que de vous limiter à la page d'accueil et aux événements d'achat. Testez les vues de produits, les actions dans le panier, la progression du passage en caisse, les achats réussis, l'acceptation et le refus du consentement, les différents marchés/devises, le cas échéant, ainsi que les remboursements si votre implémentation envoie des événements de remboursement à GA4.

Comment repérer les événements d'achat en double dans GA4?

GA4 utilise le paramètre transaction_id pour aider à prévenir les doublons dans les rapports d'achats. Pour les flux de données Web, Google Analytics déduplique les événements d'achat qui partagent le même identifiant de transaction.

Chaque commande finalisée doit disposer d’un identifiant de transaction unique et stable. N'envoyez jamais un identifiant de transaction vide et ne réutilisez jamais le même identifiant pour des commandes différentes, car cela pourrait exclure des achats valides de vos rapports.

Lors de vos tests, complétez une commande de test et confirmez que l'événement d'achat GA4 attendu contient le bon identifiant de transaction, la devise, la valeur et les données de l'article.

Si plusieurs intégrations de suivi envoient le même événement d'achat, identifiez et supprimez les chemins de collecte en double superflus plutôt que de vous fier entièrement au comportement de déduplication de GA4.

Les événements d'achat manquants peuvent également provenir de Shopify plutôt que de GA4. L'événement « checkout_completed » de Shopify se déclenche généralement sur la page de remerciement, mais il peut se déclencher plus tôt lorsqu'il y a des ventes incitatives (upsells) post-achat. Si la page qui déclenche l'événement ne se charge pas, l'événement ne sera peut-être jamais déclenché.

Lorsque vous enquêtez sur des achats manquants, vérifiez que Shopify a bien généré l'événement d'origine avant de tenter de résoudre le problème de son transfert vers GA4.

Comment le consentement aux cookies affecte-t-il les événements clients de Shopify?

Les paramètres de consentement de Shopify déterminent si un pixel peut traiter des données à des fins telles que l'analyse, le marketing et la gestion des préférences. Dans les régions où le consentement est requis, le traitement des données non essentielles peut rester bloqué jusqu'à ce que le consentement soit donné.

L'API de confidentialité des clients (Customer Privacy API) de Shopify combine les paramètres du marchand, la région du visiteur et le choix de consentement de ce dernier pour déterminer si le traitement est autorisé. Elle présente des vérifications d'autorisation distinctes pour les préférences, les analyses, le marketing et la vente ou le partage de données.

Pour les pixels personnalisés, Shopify permet aux marchands de configurer si une autorisation est requise et de définir les finalités applicables. Les nouveaux pixels personnalisés requièrent par défaut l'autorisation pour le marketing et l'analyse, mais les marchands peuvent modifier ces paramètres.

Si un visiteur refuse le consentement aux analyses dans une région où l'autorisation est requise, Shopify peut empêcher le pixel d'analyse concerné de s'exécuter. Par conséquent, GA4 peut ne pas enregistrer certaines interactions et certains achats de clients, même si les commandes correspondantes existent toujours dans Shopify.

Cela peut contribuer aux écarts entre les rapports de Shopify et ceux de GA4. Cependant, le consentement n'est qu'une cause possible. Les paramètres de confidentialité des navigateurs, les bloqueurs de publicités, les erreurs d'implémentation et les différences de méthodologie de reporting peuvent également affecter les chiffres.

Lorsque vous enquêtez sur des écarts, comparez des indicateurs équivalents, comme les commandes Shopify et les achats dans GA4, plutôt que de comparer les sessions aux commandes.

Si votre boutique utilise une bannière de témoins tierce, assurez-vous qu'elle communique les décisions de consentement à Shopify via l'API de confidentialité des clients.

Le fait qu'un visiteur accepte les témoins d'analyse dans la bannière ne signifie pas nécessairement que Shopify a reçu cette autorisation. Si l'outil de consentement et Shopify ne sont pas synchronisés, les pixels peuvent rester bloqués même après que le visiteur a consenti au suivi.

Pendant l'AQ, testez les états de consentement acceptés et refusés. Utilisez Shopify Pixel Helper pour vérifier si un pixel est en attente de consentement, puis confirmez que les événements autorisés parviennent bien à destination. Si vous utilisez également Google Consent Mode, vérifiez que ses paramètres reflètent les choix du visiteur.

Pourquoi les revenus totaux de Shopify et de GA4 diffèrent-ils?

Shopify et GA4 peuvent rapporter des revenus totaux différents même lorsque le suivi fonctionne correctement. Cela se produit parce que les plateformes collectent les données différemment et n'utilisent pas toujours les mêmes définitions des revenus, des achats et de l'attribution.

Shopify et GA4 ne calculent pas toujours les revenus de la même manière. L'indicateur des ventes totales de Shopify inclut l'expédition, les taxes et les frais applicables, tandis que le paramètre de valeur de l'événement d'achat envoyé via l'intégration Google & YouTube tient compte des rabais, mais exclut l'expédition et les taxes.

GA4 fournit également différents indicateurs de revenus, y compris les revenus par article et les revenus d'achat. Avant de comparer les totaux de Shopify et de GA4, assurez-vous d'utiliser des indicateurs équivalents et de tenir compte des différences d'expédition, de taxes, de rabais et de remboursements.

D'autres écarts peuvent résulter du consentement des clients, des bloqueurs de publicité, des événements d'achat manquants, du suivi en double, des remboursements, de la conversion de devises et des différences de fuseaux horaires dans le reporting.

Pour réconcilier les revenus entre Shopify et GA4, commencez par les transactions plutôt que de comparer les totaux des tableaux de bord.

Pour réconcilier les revenus, comparez les commandes Shopify aux achats dans GA4 à l'aide du paramètre transaction_id. Tout d'abord, vérifiez comment votre intégration de suivi génère les identifiants de transaction et confirmez qu'ils correspondent aux bonnes commandes Shopify.

Ensuite, vérifiez que chaque commande apparaît dans les deux systèmes et comparez sa devise, sa valeur, ses rabais, ses taxes et ses informations d'expédition.

Si les identifiants de transaction utilisent des formats différents, normalisez-les avant de comparer les registres. Des identifiants manquants ou incohérents peuvent compliquer la réconciliation, même lorsque les événements d'achat sont correctement collectés.

Si une commande existe dans Shopify mais pas dans GA4, enquêtez pour vérifier si l'événement d'achat a été généré et collecté avec succès. Si la commande apparaît sur les deux plateformes mais que les montants diffèrent, vérifiez le calcul des revenus et les paramètres de l'événement.

N'oubliez pas que Shopify est la plateforme de commerce de référence pour la gestion des commandes, tandis que GA4 est conçu pour mesurer le comportement des clients et la performance marketing. L'objectif est de comprendre et de minimiser les erreurs de suivi, et non de forcer deux systèmes de reporting différents à produire des chiffres identiques.

Les écarts analytiques de Shopify ont de nouveau changé en septembre 2026

Shopify a déployé une mise à jour de la mesure des sessions en septembre 2026 qui affecte les sessions, le taux de conversion et d'autres indicateurs basés sur les sessions. Les trois changements les plus importants ont été les suivants :

  1. Les sessions sont basées sur l'activité continue du client plutôt que de se terminer automatiquement à minuit UTC.

  2. Certaines activités sans page vue peuvent désormais compter comme une session.

  3. Les sessions de bots identifiées sont, par défaut, filtrées des rapports liés aux sessions.

Si vous avez remarqué un changement de votre taux de conversion dans Shopify Analytics entre le 21 et le 23 septembre 2026, sans avoir apporté d'autres modifications, cette mise à jour pourrait en être la cause. Shopify a modifié la façon dont il compte les sessions et filtre le trafic de bots identifié, ce qui peut affecter les taux de conversion même lorsque les commandes et les ventes demeurent inchangées.

Cette mise à jour n'affecte pas directement les calculs de sessions ni les indicateurs de conversion de GA4, mais elle peut accentuer l'écart entre Shopify Analytics et GA4, rendant les comparaisons entre les deux plateformes plus complexes.

Conclusion

Les Web Pixels et les événements clients de Shopify offrent aux marchands une architecture plus contrôlée pour le suivi comportemental, mais la plateforme ne peut pas prévenir tous les problèmes d'implémentation. Les pixels personnalisés peuvent toujours être mal configurés. Les applications peuvent se chevaucher. GTM peut contenir d'anciennes balises. Les intégrations de consentement peuvent se désynchroniser. Et GA4 peut fidèlement rapporter les mauvaises données que vous lui envoyez.

En tant que Partenaire Platinum Shopify, chez Blue Badger, nous offrons des services de développement de sites Web Shopify, ainsi que du soutien et de la maintenance, pour les marchands ayant besoin d'aide pour démêler ces systèmes et bâtir une pile technologique d'e-commerce plus propre et testable. Communiquez avec nous dès aujourd'hui pour en savoir plus.