Installer Google Tag Manager sur une boutique Shopify
Sur Shopify, poser le conteneur Google Tag Manager dans theme.liquid ne couvre plus toute la mesure. Depuis le passage au nouveau système de paiement, l’étape de paiement doit être gérée séparément via les Pixels personnalisés, dans Paramètres > Évènements client.
Les situations que je traite
- GTM est posé dans theme.liquid mais aucune balise ne se déclenche sur la page de paiement
- Vous ne savez pas si le conteneur suffit seul ou s’il faut aussi un Pixel personnalisé
- Une balise fonctionnait avant une mise à jour Shopify et ne remonte plus rien depuis
- Vous migrez d’une autre plateforme et pensez qu’un seul emplacement de code suffit, comme ailleurs
- Vous voulez centraliser GA4, Ads et Meta via GTM tout en couvrant l’achat
Comment j’installe GTM sur Shopify
-
Pose du conteneur dans theme.liquid
Je place les deux extraits de code GTM (head et body) dans theme.liquid, ce qui couvre le catalogue, la fiche produit et le panier.
-
Constat sur la page de paiement
Depuis le retrait des scripts personnalisés sur les pages de paiement et de confirmation, le code posé dans theme.liquid ne se charge plus sur ces pages : il faut un second mécanisme.
-
Création d’un Pixel personnalisé
Dans Paramètres > Évènements client, je crée un Pixel personnalisé qui écoute les évènements Shopify (commande passée, ajout panier). Ce pixel s’exécute dans une iframe sandboxée qui n’a pas accès à la fenêtre parente : il ne peut donc pas pousser dans le window.dataLayer du thème. Je charge une instance GTM à l’intérieur même du pixel, avec son propre dataLayer, et c’est elle qui déclenche les balises de l’étape de paiement.
-
Construction du dataLayer côté thème et côté pixel
Je fais correspondre les variables (items, value, currency, transaction_id) entre ce que theme.liquid transmet et ce que le Pixel personnalisé envoie, pour que les deux instances GTM, celle du thème et celle du pixel, remontent des données cohérentes.
-
Test de bout en bout
Je passe une commande de test complète et je vérifie en mode aperçu GTM que les balises se déclenchent aussi bien sur le catalogue que sur la confirmation de commande.
Une spécificité propre à Shopify
Sur PrestaShop ou WooCommerce, un seul emplacement de code dans le thème suffit généralement à couvrir tout le tunnel d’achat, y compris la confirmation de commande. Sur Shopify, ce n’est plus le cas depuis le passage au « checkout extensibility » : Shopify a retiré la possibilité d’ajouter des scripts personnalisés sur les pages de paiement et de confirmation, avec une échéance communiquée au 28 août 2025 pour l’arrêt des personnalisations historiques.
Concrètement, un conteneur GTM posé uniquement dans theme.liquid continue de couvrir le catalogue et le panier, mais perd toute visibilité sur l’étape de paiement. Il faut donc gérer cette étape séparément, via un Pixel personnalisé dans Paramètres > Évènements client, ou via les canaux d’application officiels selon l’outil final.
Depuis début 2025, Shopify a aussi migré automatiquement les anciens pixels non configurés via les canaux officiels vers des pixels personnalisés, avec un risque de perte de mesure signalé par Shopify le temps de vérifier la migration.
Pages liées
-
Google Analytics 4 sur Shopify
La même contrainte de checkout s’applique directement à la balise GA4.
-
Doublons statistiques : les causes
Ce qui se passe quand un pixel officiel et un Pixel personnalisé coexistent pour le même outil.
-
Écart entre commandes et outil de mesure
Pourquoi un écart entre commandes réelles et conversions mesurées reste normal, dans une certaine limite.
-
Shopify, une des plateformes que je pratique
Les autres sujets Shopify que je traite au quotidien.
Décrivez votre besoin en 1 minute
Quelques questions ciblées pour que je vous réponde avec une estimation, pas avec un questionnaire de plus.