
Tutoriel Google Tag Manager
En tant que consultant Google Tag Manager, j'ai configuré GTM sur plus de 100 sites clients. Ce tutoriel Google Tag Manager est là où je vous enseigne le processus que j'ai affiné au fil des ans, étape par étape, avec des exemples et des vidéos pour que vous puissiez apprendre.
Plus bas, vous pouvez télécharger un fichier de configuration GTM avec toutes les meilleures pratiques suivantes à importer dans votre conteneur.
Si vous ne pouvez pas attendre, plongez directement dans le tutoriel d'installation ou apprenez comment configurer Google Tag Manager. Mais si vous êtes un débutant, il est important de comprendre d'abord comment utiliser un système de gestion de balises avec d'autres outils.
Alors continuez à lire ci-dessous en premier.
Comment utiliser Google Tag Manager?
Je suppose que vous savez déjà ce qu'est Google Tag Manager. Parlons donc de son fonctionnement et de son utilisation.
Idéalement, vous ne voulez avoir qu'une seule balise tierce dans le code source de votre site Web ou application web.
La seule balise tierce sur votre site devrait être l'extrait de code Google Tag Manager.
Toutes les autres balises sont ensuite implémentées via le gestionnaire de balises lui-même. Les autres balises de marketing et de suivi sont par exemple Google Analytics (GA), Facebook, Twitter, LinkedIn, AdWords, DoubleClick et dieu sait quoi d'autre.
La principale raison en est les avantages de Google Tag Manager :
- implémentation plus facile et rapide des balises marketing
- évolutivité sur chaque page et à travers plusieurs domaines
- déclencheurs intégrés pour les soumissions de formulaires, le suivi des défilements et le suivi des vidéos
- gestion des utilisateurs avec plusieurs comptes GTM
- une vitesse de chargement du site un peu plus rapide
En raison de ces avantages, déjà 30% de tous les sites web sur internet utilisent un gestionnaire de balises. Et parmi eux, Google Tag Manager détient une part de marché de 94%.
Donc, à moins que vous n'ayez une raison solide de ne pas ajouter une balise à GTM, en règle générale, ajoutez toutes les balises au conteneur GTM.
Utilisez GTM comme une couche de connexion entre votre site web et les balises tierces.
Utilisez GTM comme une couche intermédiaire entre votre site et les services tiers. Sans cela, votre site et les balises tierces ne sont pas en connexion directe. Ces services sont principalement des bibliothèques JavaScript pour les outils de marketing ou de suivi qui sont implémentés avec une balise. Mais toutes les autres balises s'appliquent également.
La seule exception à la règle s'applique lorsque vous faites de l'optimisation de conversion avec des outils de test A/B.
Car pendant l'optimisation du taux de conversion, les tests A/B vont charger différentes variantes d'une page. Ainsi, le visiteur peut voir comment le contenu est re-rendu pendant une fraction de seconde.
Pour éviter le scintillement du CSS et garantir que les tests de variantes se chargent rapidement, une balise de test A/B peut également aller directement dans le code source.
Maintenant que nous avons clarifié cela, regardons la mise en œuvre.
Installer Google Tag Manager sur votre site web
Commençons le tutoriel Google Tag Manager en vous montrant où obtenir l'extrait de code Google Tag Manager, puis où l'installer sur le site web. Vous pouvez vous connecter en utilisant simplement votre compte Google habituel.
Créer un compte Google Tag Manager
Pour installer GTM, vous devez d'abord aller sur le site officiel et créer un nouveau compte Google Tag Manager.![Création de compte Google Tag Manager]()
Tout d'abord, créez un compte Google Tag Manager, choisissez un nom de conteneur, comme le nom de votre site web, puis obtenez l'extrait de code. Créer une propriété web
Sélectionnez la propriété Web pour obtenir un code pour un site web ou une application web.![Nom du conteneur GTM et sélection de la propriété web]()
Il existe plusieurs types de conteneurs disponibles dans un compte GTM. Pour les sites web, choisissez web. Notez qu'il existe d'autres types de conteneurs pour les pages AMP, iOS et Android aussi. Implémenter le code Google Tag Manager
- Ensuite, vous verrez le code Google Tag Manager à implémenter sur votre site web.
- Prenez la première partie de la balise conteneur et placez-la aussi haut que possible dans la balise head sur chaque page de votre site. Cela garantit que vous pouvez déclencher des balises tôt pendant le chargement des pages.
- La deuxième partie est un iframe à exécuter dans les navigateurs avec JavaScript désactivé. Installez la balise aussi haut que possible dans la balise body sur chaque page de votre site.
![le dataLayer est positionné avant la balise TMS dans le code source]()
La première balise dans le <head> est une couche de données. Ne vous inquiétez pas si vous ne savez pas encore ce que c'est (première flèche). Ensuite vient la première partie de la balise GTM (deuxième flèche). Enfin, l'autre partie de la balise GTM est implémentée en haut de l'élément <body>. Un code JavaScript peut être implémenté entre les deux, mais une couche de données est toujours implémentée avant la balise GTM et la balise <noscript> GTM est toujours la dernière.
![Extrait de code Google Tag Manager]()
Ceci est la balise de conteneur Google Tag Manager. Elle comporte deux parties. Les instructions sur la manière d'implémenter les balises de script sont écrites au-dessus de chaque partie.
C'est la méthode courante pour implémenter GTM.
Utilisez-vous un système de gestion de contenu populaire ? Si oui, vous pouvez également utiliser un plugin qui s'occupe de l'installation de Google Tag Manager.
Cela dit :
Si votre CMS vous propose également un plugin pour installer d'autres balises
N'utilisez pas un autre plugin pour installer Google Analytics, Facebook ou Google Ads.
Utilisez plutôt GTM pour installer ces balises.
- Cela se traduira par une vitesse de chargement de page plus rapide
- Vous aurez plus d'options pour configurer la balise
L'interface utilisateur de GTM reçoit également régulièrement des mises à jour avec de nouvelles fonctionnalités, donc il est presque toujours préférable d'implémenter d'autres balises marketing directement avec elle plutôt qu'avec une autre intégration.
De plus, les gains en temps de chargement sont bons pour votre taux de rebond et aident le SEO.
Utilisez un plugin pour implémenter GTM
Voici une liste des systèmes de gestion de contenu les plus courants et leurs plugins pour installer Google Tag Manager.
WordPress
Il existe deux plugins WordPress pour implémenter GTM que j'utiliserais. Premièrement, il y a l'option classique appelée Google Tag Manager pour WordPress.
La deuxième option est Site Kit by Google. Il permet principalement d'ajouter un tableau de bord à votre backend WordPress affichant des informations de votre compte Google Analytics et des données de Google Search Console - ce qui est plutôt sympa. Et il vous permet également d'installer GTM.
Shopify
Pour Shopify, il existe un plugin gratuit pour l'installation de GTM, appelé de manière créative Google Tag Manager Installer.
Squarespace
Pour Squarespace, il n'existe aucune extension ou plugin GTM. Mais vous pouvez ajouter la balise GTM manuellement en visitant sidebar > settings > advanced > code injection.

Ensuite, vous collez la balise GTM dans les champs de formulaire comme ceci :

Wix
Visitez le menu principal de votre site Wix dans la barre latérale gauche. De là, allez à Marketing & SEO puis cliquez sur Intégrations Marketing plus bas dans la barre latérale.
Vous trouverez alors plusieurs intégrations Wix pour Google Analytics, le pixel Facebook et également une extension Wix pour implémenter Google Tag Manager.

Cliquez sur connecter et installez Google Tag Manager.



