Points clés
- GTM nécessite deux snippets : un dans le
<head>et un juste après la balise ouvrante<body>danstheme.liquid.- L’éditeur de code de Shopify rend cette modification très simple — pas besoin de développeur.
- Shopify bloque les scripts de thème, y compris GTM, sur le checkout et la page de remerciement, peu importe le forfait. Utilisez les Événements client (Customer Events) de Shopify pour le suivi du checkout.
- Testez toujours avec le mode Aperçu (Preview) de GTM avant de mettre en ligne.
Pour ajouter Google Tag Manager à Shopify, collez les deux snippets de GTM dans le fichier theme.liquid de votre thème : un dans le <head>, un juste après la balise ouvrante <body>. Ensuite, vous gérez les balises marketing (GA4, Pixel Meta, suivi des conversions, heatmaps) depuis le tableau de bord GTM au lieu du code du thème.
GTM installé dans theme.liquid suit uniquement la boutique (storefront). Pour le checkout et les événements d’achat, chargez GTM dans un pixel personnalisé sous Paramètres → Événements client.
Pourquoi nous faire confiance
Jacques a plus de 15 ans d’expérience en développement Shopify, y compris la configuration de l’analytics et du tracking pour des centaines de boutiques. Nous avons créé Fudge, l’opérateur IA pour les boutiques Shopify, noté 4.9 sur le Shopify App Store.
Où ajouter Google Tag Manager dans Shopify
GTM a besoin de deux snippets de code dans votre fichier theme.liquid :
- Dans la balise
<head>— le script GTM principal - Juste après la balise d’ouverture
<body>— le fallback de secoursnoscript
Les deux emplacements sont importants. Le snippet <head> charge GTM le plus tôt possible. Le snippet <body> sert de solution de secours pour les navigateurs où JavaScript est désactivé.
Étape par étape : Ajouter GTM à votre thème Shopify
Étape 1 — Récupérer les snippets de votre conteneur GTM
Connectez-vous sur tagmanager.google.com. Sélectionnez votre conteneur. Cliquez sur Administrateur → Installer Google Tag Manager.
Vous verrez deux snippets de code. Gardez cet onglet ouvert.
Étape 2 — Ouvrir l’éditeur de code Shopify
Allez dans Boutique en ligne → Thèmes, cliquez sur le menu à trois points (…) à côté de votre thème, puis sur Modifier le code.
Dans la barre latérale gauche sous Mise en page, cliquez sur theme.liquid.
Étape 3 — Ajouter le snippet <head>
Trouvez la balise de fermeture </head>. Collez le premier snippet GTM juste au-dessus.
<!-- Google Tag Manager -->
<script>...</script>
<!-- End Google Tag Manager -->
</head>Étape 4 — Ajouter le snippet <body>
Trouvez la balise <body> ouvrante (elle peut avoir des attributs comme class="..." — ce n’est pas grave). Collez le deuxième extrait juste après.
<body>
<!-- Google Tag Manager (noscript) -->
<noscript>...</noscript>
<!-- End Google Tag Manager (noscript) -->
</body>Étape 5 — Sauvegarder et vérifier
Cliquez sur Enregistrer dans l’éditeur de code. Retournez ensuite sur GTM et utilisez le mode Preview pour vérifier que votre conteneur se déclenche bien sur les pages de votre boutique.
Comment ajouter des balises à votre boutique Shopify une fois GTM installé
Une fois GTM installé, vous gérez tout depuis le tableau de bord GTM — plus besoin de modifier le code du thème.
Pour ajouter GA4 : GTM → Balises → Nouvelle → Balise Google → entrez votre ID de balise (G-…) → définissez le déclencheur sur Toutes les pages.
Pour ajouter le Pixel Meta : GTM → Balises → Nouvelle → HTML personnalisé → collez le code de votre pixel → déclencheur sur Toutes les pages.
Publiez votre conteneur après avoir ajouté des balises — les modifications dans GTM ne sont pas en ligne tant que vous ne cliquez pas sur Envoyer.
GTM peut-il tracker les pages de checkout Shopify ?
Non, quel que soit votre forfait. Shopify bloque les scripts de thème, y compris GTM, sur le checkout et la page de remerciement.
Pour le tracking du checkout et des événements d’achat, Shopify recommande d’utiliser l’API Customer Events (Paramètres → Événements client). C’est la méthode officielle pour déclencher des événements de conversion depuis la page de remerciement / statut de la commande. Pour la configuration, voir Comment ajouter des événements personnalisés dans Shopify.
Sur Shopify Plus aussi, checkout.liquid a été désactivé depuis 2024-2025, donc un conteneur GTM installé dans le thème ne s’exécute plus dans le checkout, peu importe le forfait.
Les erreurs GTM et Shopify les plus courantes
Installer GTM deux fois. Si vous avez déjà ajouté une balise Google via l’intégration Shopify (dans Paramètres → Événements client), il se peut qu’une balise du type GTM se déclenche déjà. Vérifiez avant d’ajouter GTM manuellement.
Mauvais ordre des snippets. Le snippet <head> doit être placé avant </head>. Le snippet <body> doit être placé juste après <body>. Si l’un ou l’autre est mal placé, GTM peut se charger lentement ou ne pas se charger du tout.
Oublier de publier. Les changements GTM ne sont en ligne que lorsque vous cliquez sur Envoyer. Les brouillons n’ont aucun effet sur votre boutique en ligne.
Ne pas tester au préalable. Utilisez toujours le mode Preview de GTM avant de publier. Il montre exactement quelles balises se déclenchent sur quelles pages.
Comment connecter Google Tag Manager aux analytics intégrés de Shopify
Shopify possède ses propres outils d’analytics de base. GTM vient se greffer par-dessus et envoie les données à GA4 (ou d’autres plateformes). Ils n’entrent pas en conflit.
Pour une vue d’ensemble plus complète, connectez GA4 via GTM et liez également votre compte Google Ads à GA4 directement. Cela vous permet d’avoir un tracking des conversions sur les deux canaux sans dupliquer les balises.
Ai-je besoin d’un développeur pour ajouter Google Tag Manager à Shopify ?
Non. Installer GTM sur Shopify nécessite de modifier un seul fichier — theme.liquid — et de coller deux snippets de code aux bons endroits. Le processus prend environ 10 minutes et ne demande aucune connaissance en Liquid ou JavaScript. Si vous préférez ne pas toucher au code, vous pouvez décrire la modification à Fudge et il fera le changement sous forme de brouillon pour que vous puissiez l’examiner.
Comment vérifier que Google Tag Manager fonctionne sur Shopify ?
Après avoir sauvegardé vos modifications dans theme.liquid, utilisez le mode Aperçu de GTM pour confirmer que le conteneur se déclenche. Entrez l’URL de votre boutique et un panneau de débogage montrera quelles balises sont actives sur chaque page. Pour le tracking des achats, passez une commande test et confirmez que la balise de conversion se déclenche sur la page de confirmation de commande. Consultez également notre guide sur la configuration du suivi des conversions dans Shopify.
FAQ
Shopify a-t-il une intégration native pour Google Tag Manager ?
Il n'y a pas de connecteur GTM en un clic dans l'admin Shopify - vous l'installez manuellement en modifiant theme.liquid. Shopify propose des connecteurs natifs pour GA4 et Google Ads (Paramètres → Événements client), mais ils ne remplacent pas GTM si vous utilisez plusieurs balises.
Puis-je installer GTM dans Shopify sans modifier le code du thème ?
Certaines applications Shopify injecteront le snippet GTM pour vous, mais elles impliquent généralement un abonnement mensuel pour ce qui est une modification unique de 10 minutes. L'approche la plus propre est l'installation manuelle. Si vous ne voulez pas modifier theme.liquid vous-même, un opérateur IA comme Fudge peut préparer la modification en brouillon pour que vous la validiez.
Google Tag Manager va-t-il ralentir ma boutique Shopify ?
Le conteneur GTM lui-même est petit (environ 25 Ko) et se charge de manière asynchrone - l'impact est minime. La vitesse de la page se dégrade lorsque vous empilez plusieurs balises lourdes dans GTM (heatmaps, enregistrements, pixels publicitaires). Utilisez les règles de déclenchement de GTM pour ne charger les balises que là où elles sont nécessaires.
Pourquoi mon conteneur GTM ne se déclenche-t-il pas sur la page de remerciement Shopify ?
Shopify bloque les scripts de thème, y compris GTM, sur le checkout et la page de remerciement, peu importe le forfait. Pour suivre les achats, utilisez l'API Customer Events (Paramètres → Événements client → Ajouter un pixel personnalisé) - c'est la méthode officielle de Shopify pour le tracking de la page de checkout.
Puis-je utiliser GTM et l'application Google & YouTube de Shopify en même temps ?
Oui, mais attention aux balises en double. L'application Google & YouTube installe directement la balise Google (gtag.js). Si vous déclenchez également la même balise dans GTM, vous compterez les conversions en double. Choisissez une seule source de vérité pour chaque balise - généralement GTM pour tout, sauf pour les événements de checkout, où l'intégration native est plus fiable.
