Points clés
- GTM nécessite deux snippets : un dans le
<head>et un juste après la balise d’ouverture<body>danstheme.liquid.- L’éditeur de code de Shopify rend cette modification très simple — pas besoin de développeur.
- Les forfaits Shopify standards restreignent l’accès de GTM à la page de checkout — utilisez l’API Customer Events de Shopify pour le tracking du checkout.
- Testez toujours avec le mode Preview de GTM avant de mettre en ligne.
Google Tag Manager vous permet d’ajouter et de gérer des balises marketing (GA4, Pixel Meta, tracking des conversions, heatmaps) sans toucher au code de votre thème à chaque fois. Une fois GTM installé, tout le reste est géré depuis le tableau de bord GTM.
Voici comment l’installer sur Shopify.
Pourquoi nous faire confiance
Jacques a plus de 15 ans d’expérience en développement Shopify, incluant la configuration d’analytics et du tracking pour des centaines de boutiques. Nous avons créé Fudge — un éditeur de vitrine IA noté 5.0 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 → Actions → Modifier le code.
Dans la barre latérale de 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 d’ouverture <body> (elle peut avoir des attributs comme class="..." — ce n’est pas un problème). Collez le deuxième snippet juste après.
<body>
<!-- Google Tag Manager (noscript) -->
<noscript>...</noscript>
<!-- End Google Tag Manager (noscript) -->É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 → Google Analytics : Configuration GA4 → entrez votre ID de mesure → configurez 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 ?
Sur les forfaits Shopify standards, non. Shopify restreint l’accès des scripts tiers à la page de checkout pour des raisons de sécurité.
Pour le tracking du checkout et des événements d’achat, Shopify recommande d’utiliser l’API Customer Events (disponible dans Boutique en ligne → 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 commande.
Sur Shopify Plus, vous pouvez personnaliser directement checkout.liquid, ce qui vous donne un accès complet à GTM sur la page de checkout.
Pour mesurer les résultats, consultez notre guide pour tracker les événements de défilement (scroll) dans Shopify.
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 Preview de GTM pour confirmer que le conteneur se déclenche bien. Entrez l’URL de votre boutique et un panneau de débogage affichera les balises actives sur chaque page. Pour le tracking des achats, passez une commande de 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 tracking des conversions dans Shopify.
À lire aussi : Ajouter des événements personnalisés dans Shopify.
À lire aussi : Tracker les événements de clics dans Shopify.
À lire aussi : Ajouter des scripts de tracking à Shopify.
À lire aussi : Corriger les événements de Pixel en double dans Shopify.
