Disponible pour missions & renforts d’agence · Réponse rapide, par la personne qui intervient

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.

Décrire mon problème Discuter sur WhatsApp

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

  1. 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.

  2. 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.

  3. 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.

  4. 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.

  5. 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

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.

Quel outil faut-il connecter ?
L’outil dispose-t-il d’une API documentée ?

Sans API, il reste souvent l’import de fichiers — c’est faisable, mais différent.

Dans quel sens les données doivent-elles circuler ?
À quelle fréquence la synchronisation doit-elle tourner ? (facultatif)
Indiquez au moins un e-mail ou un téléphone pour que je puisse vous répondre.

Indiquez au moins un e-mail ou un téléphone pour que je puisse vous répondre.

Questions fréquentes

Le conteneur GTM dans theme.liquid suffit-il sur Shopify ?
Non, plus depuis le passage au nouveau système de paiement. theme.liquid couvre le catalogue et le panier, mais plus la page de paiement ni la confirmation de commande.
Qu’est-ce qu’un Pixel personnalisé ?
Une fonctionnalité Shopify, dans Paramètres > Évènements client, qui écoute les évènements du site depuis un environnement sandboxé et permet d’envoyer des données de suivi même sur les pages de paiement où le code du thème ne s’exécute plus.
Pourquoi ma balise fonctionnait avant et plus maintenant ?
Shopify a retiré le rendu des scripts personnalisés sur les pages de paiement et de confirmation, avec une échéance communiquée au 28 août 2025. Une balise posée uniquement dans theme.liquid a cessé de couvrir ces pages à ce moment-là.
Un pixel migré automatiquement par Shopify fonctionne-t-il encore ?
Shopify a migré automatiquement, depuis début 2025, les anciens pixels non configurés via les canaux officiels, avec un risque de perte de mesure le temps de vérifier la migration. Je contrôle systématiquement ce point sur les comptes Shopify anciens.
Dois-je recueillir le consentement avant que GTM ne déclenche les balises sur Shopify ?
Les balises déclenchées par GTM, GA4 en particulier, ne remplissent pas en configuration standard les critères d’exemption de consentement de la CNIL et nécessitent donc en principe le consentement préalable du visiteur, comme sur toute autre plateforme.