Depuis 8 ans, Google Tag Manager (GTM) est devenu un outil incontournable pour les professionnels du marketing digital. Lors de ma première rencontre avec un conteneur GTM, j’ai rapidement réalisé à quel point cet outil pouvait révolutionner la gestion des tags sur un site web. Initialement perçu comme un labyrinthe complexe, GTM s’est avéré être une solution puissante et accessible, permettant de simplifier l’implémentation des balises de suivi sans dépendre constamment des équipes techniques. Que vous soyez débutant ou que vous cherchiez à approfondir vos connaissances, ce guide complet sur Google Tag Manager vous accompagnera pas à pas dans la maîtrise de cet outil essentiel. Découvrez comment optimiser vos stratégies de marketing digital, mesurer efficacement vos conversions et intégrer diverses plateformes de manière fluide grâce à GTM.
Et c’est bel et bien le cas !
Même si l’outil devient très intuitif une fois que l’on commence à l’utiliser, lors de ma première rencontre avec lui, je me sentais comme à l’entrée d’un labyrinthe complexe…
Évidemment, j’avais besoin d’assistance pour m’initier avec l’aide d’un expert pour le parcours. Bien qu’il existe une multitude de tutoriels sur Google Tag Manager, les options étaient limitées à l’époque.
En cherchant, j’ai trouvé Lucía Marín ; avec elle, j’ai suivi une formation, acquis des connaissances essentielles et obtenu ma première certification (que, soit dit en passant, je ne sais pas trop comment j’en ai fait usage). Est-ce que Lucía conserve l’historique des certifications délivrées pour le cours ?
Si toi, comme moi il y a 7 ans, avant de découvrir GTM, tu sais déjà que tu en as besoin et que tu recherches un tutoriel sur Tag Manager qui te simplifiera la vie, ce post est fait pour toi.
Tu seras probablement également intéressé par :
- Qu’est-ce que Google Search Console : guide complet
- Qu’est-ce que le taux de rebond sur un site web et comment le réduire
- Paramètres UTM : qu’est-ce que c’est et comment les créer
Tutoriel Google Tag Manager
Dans les sections suivantes, nous aborderons les aspects fondamentaux de Google Tag Manager, pour comprendre ce qu’est Google Tag Manager et à quoi il sert. De plus, nous découvrirons comment installer un conteneur GTM dans les gestionnaires de contenu web les plus populaires et présenterons un classement des 5 meilleurs tutoriels GTM sur YouTube. Fantastique, n’est-ce pas ?
Commençons.
Qu’est-ce que Google Tag Manager ?
Google Tag Manager a été conçu pour simplifier la vie de tous ceux qui travaillent dans le marketing digital avec des sites web et ce, gratuitement !
Alors, qu’est-ce que Google Tag Manager ? GTM, comme on l’appelle familièrement, est un outil de gestion de Tags développé par Google qui permet d’implémenter et d’installer des Tags de suivi, des codes HTML, des scripts et des conversions sur des sites web ou des applications mobiles de manière simplifiée et facile, sans avoir à modifier le code du site web quotidiennement.
Il existe depuis plus de 12 ans et de nombreuses entreprises et individus ne l’ont jamais utilisé, sommes-nous fous ou quoi ?
Quelques exemples de Tags incluent le code de suivi de Google Analytics, le pixel et l’API de Facebook ou le Tag de conversion de Google Ads.
À quoi sert Google Tag Manager ?
Avec Google Tag Manager, tu peux ajouter, mettre à jour ou supprimer des Tags depuis une interface utilisateur conviviale, ce qui simplifie la gestion et optimise l’implémentation des Tags, économisant ainsi du temps et des ressources.
Tu as bien entendu ! Cela te donne plus d’indépendance et tu n’as plus besoin de déranger constamment l’équipe IT de ton entreprise.
Voici quelques-uns des principaux avantages que cet outil offert par Google apporte :
✅ Gestion efficace des Tags
L’objectif principal de Tag Manager est de rendre la gestion des Tags aussi simple et efficace que possible.
Cela signifie que tu peux ajouter, modifier ou supprimer n’importe quel Tag de suivi ou d’analyse, comme Google Analytics ou les Tags de conversion de Facebook, sans avoir besoin d’intervenir directement dans le code de ton site web.
Cela est particulièrement utile pour les sites web d’entreprises où les campagnes et les besoins de suivi changent fréquemment.
✅ Mesurer les conversions
Google Tag Manager permet la configuration facile de Tags spécifiques pour suivre les événements que les utilisateurs réalisent sur nos sites web (et bien sûr, les conversions les plus importantes !), que ce soit effectuer un achat, s’abonner à une newsletter ou remplir un formulaire de contact.
Ces données sont cruciales pour évaluer l’efficacité de tes campagnes marketing et les optimiser pour de meilleures performances.
✅ Intégrer d’autres plateformes de marketing
Google Tag Manager sert également à intégrer le web avec d’autres outils d’analyse et de marketing digital essentiels pour ta stratégie en ligne.
Tu peux connecter GTM avec Google Analytics pour obtenir des rapports plus détaillés sur le comportement des utilisateurs sur ton site ou avec Google Ads pour améliorer le suivi des campagnes publicitaires et leur performance. Tu peux également insérer les événements de conversion dans des plateformes sociales comme Meta, TikTok et LinkedIn.
✅ N’affecte pas la vitesse de chargement du site web
Google Tag Manager t’évite d’installer plusieurs Tags individuellement sur ton site web, ce qui pourrait le ralentir et affecter son temps de chargement. Avec GTM, tous tes Tags sont gérés via un seul conteneur, ce qui réduit significativement le temps de chargement.
Un site plus rapide améliore l’expérience utilisateur et peut contribuer à un meilleur classement dans les moteurs de recherche.
Comment fonctionne Google Tag Manager ?
Comment fonctionne Google Tag Manager et les meilleures pratiques pour son installation et configuration, nous te les enseignerons en détail dans les prochaines sections.
Mais avant, garde en tête les trois éléments clés qui seront ton mantra dans GTM :
- Tags
- Déclencheurs
- Variables
Veux-tu savoir ce que sont ces ‘mantras’ ? Alors continue de lire :
Aspects fondamentaux de Google Tag Manager
Pour commencer, l’utilisation de Google Tag Manager ne signifie pas une rupture avec l’équipe technique de programmation ; mais… cela nous offre une certaine liberté d’action qui améliore la collaboration.
Qu’est-ce qu’un conteneur GTM ?
Nous commencerons par comprendre qu’un compte Google Tag Manager peut contenir plusieurs conteneurs liés à une plateforme cible.
Les plateformes cibles peuvent être :
- Un site web
- Une application iOS
- Une application Android
- Les AMP
- Serveur
Plateformes cibles d’un conteneur Google Tag Manager
Lorsque tu crées un conteneur, tu ouvres une interface très conviviale pour l’utilisateur, capable d’extraire toutes les informations que tu souhaites de la plateforme cible et de les envoyer à des applications tierces, telles que des outils d’analyse web et des fournisseurs de publicités.
Un conteneur Google Tag Manager est essentiellement composé de Tags, de déclencheurs et de variables.
Tags, variables et déclencheurs
Qu’est-ce que les Tags de Google Tag Manager ?
Comme dans la vie elle-même, les Tags de Google Tag Manager contiennent des informations pertinentes sur l’objet étiqueté. Et comme nous sommes très curieux, nous aimons tout étiqueter pour ne manquer aucun détail.
Tags GTM
Prenons un exemple :
Imagine que Lucía navigue sur un site web vendant des vélos, elle part après 30 minutes sans acheter. Te contenteras-tu de savoir qu’elle a été là ? Non, bien sûr que non. Nous voudrons savoir :
- Quels modèles a-t-elle consultés ? Tag !
- En a-t-elle ajouté un au panier ? Tag !
- A-t-elle entamé le processus de paiement ? Tag !
Quelles sont les Tags les plus populaires dans Google Tag Manager ?
Voyons maintenant quelles sont les Tags les plus populaires dans Google Tag Manager. Tu les connais sûrement toutes.
Google Analytics
Google Tag Manager te permet de configurer et de gérer les événements de GA4 en un seul endroit. Pour envoyer des données d’événements de Google Tag Manager à GA4, il faut configurer deux Tags qui fonctionnent ensemble :
- Tag de Google
- Google Analytics : événement GA4
En savoir plus sur la configuration de GA4 via GTM dans l’aide de Google pour Tag Manager
Configuration de GA4 avec GTM
Google Ads
Tu peux utiliser Tag Manager pour implémenter les Tags de conversion de Google Ads. Trouve plus d’informations pertinentes sur la configuration de ces Tags dans le lien suivant :
Comment implémenter les Tags de conversion de Google Ads
Floodlight
Google Tag Manager permet de gérer plusieurs Tags de Floodlight en un seul endroit, au lieu de devoir faire des changements manuellement sur chaque page, rendant l’implémentation plus rapide et automatisée. Nous pouvons obtenir plus d’informations sur l’intégration dans :
Comment les activités de Floodlight dans les conteneurs Google Tag Manager
Tag de Google
Le Tag de Google envoie des données vers des destinations connectées, comme Google Ads et Google Analytics 4.
Pour configurer un Tag de Google dans Tag Manager, tu as besoin d’un ID de Tag de Google. Découvre tout sur la configuration de ce Tag ici :
Configurer ton Tag de Google
Liaison de conversions
Les Tags de liaison de conversions sont utilisés pour enregistrer les données de clics afin que les conversions puissent être mesurées efficacement.
Pour configurer un Tag de liaison de conversions, tu peux suivre les étapes indiquées dans ce lien :
Liaison de conversions
HTML personnalisé
Le type de Tag HTML personnalisé est utilisé pour implémenter des Tags qui ne sont pas encore compatibles avec Tag Manager.
Si tu veux plus d’informations sur ces Tags, voici le support Google pour te sauver :
Plus d’infos sur les Tags personnalisés
Et c’est que… qu’est-ce que nous devons savoir sur ce sujet que le Super Power Flower Google ne l’ait pas ?
Toutes les réponses = cherche sur Google
Hehehe
Qu’est-ce que les déclencheurs de Google Tag Manager ?
Les Tags sont souvent inactifs et, seules, ne font absolument rien. Et c’est ici que les déclencheurs entrent en jeu.
Les déclencheurs sont le ring qui les réveille juste à temps.
Déclencheurs Google Tag Manager
Il existe divers groupes de déclencheurs dans Google Tag Manager, que nous nommons ci-dessous :
Déclencheurs basés sur la vue de la page
- DOM prêtSe déclenche après que le navigateur a terminé de créer la page complète en HTML et que le modèle d’objet de document (DOM) est prêt à être analysé.Les Tags basés sur la vue de la page qui interagissent avec le DOM pour remplir les variables doivent être configurés avec ce type de déclencheur pour s’assurer que les valeurs appropriées sont envoyées à Google Tag Manager.
- InitialisationConçu pour démarrer avant que d’autres déclencheurs ne soient activés, sauf l’Initialisation du consentement.Chaque conteneur web inclut un déclencheur d’initialisation : toutes les pages par défaut. Ce déclencheur démarre tous les Tags qui doivent être lancés avant d’autres déclencheurs.
- Initialisation du consentementAide à respecter la configuration du consentement avant de démarrer d’autres déclencheurs. Le déclencheur d’initialisation du consentement est utilisé avec des Tags qui définissent ou modifient l’état de consentement des utilisateurs de ton site, comme ceux de la plateforme de gestion du consentement ou ceux qui définissent les valeurs par défaut du consentement.Chaque conteneur web inclut un déclencheur d’initialisation du consentement : toutes les pages par défaut.
- Fenêtre chargéeSe déclenche après que la page a été complètement chargée, y compris les ressources intégrées, comme les images et les scripts.
- Vue d’une pageSe déclenche au moment où le navigateur web commence à charger l’une des pages définies dans la configuration de ce déclencheur. C’est une option efficace lorsque nous avons seulement besoin de données générées à partir des impressions de pages.
Clic
- Seulement les liensActive les Tags lorsque l’utilisateur clique sur un lien. Par défaut, elles se déclenchent lors de n’importe quel clic sur un lien, mais elles peuvent être configurées pour ne se déclencher que sur des liens lorsqu’une certaine condition est remplie.Les conditions peuvent être établies en fonction de la valeur d’une variable. Par exemple, tu peux créer un déclencheur de clics sur des liens avec une classe spécifique.
Elles peuvent être configurées pour :
- Retarder l’ouverture des liens jusqu’à ce que tous les Tags aient été activés ou jusqu’à l’expiration du temps d’attente spécifié.
- Activer le Tag seulement si l’ouverture du lien est considérée comme une action valide.
- Tous les élémentsSe déclenche chaque fois que l’utilisateur clique, peu importe l’élément. Comme le précédent, elles peuvent être configurées pour se déclencher sur des liens lorsqu’une certaine condition est remplie, en fonction des valeurs de variables spécifiques.
Interaction de l’utilisateur
- Envoi de formulaireComme son nom l’indique, il est utilisé pour activer les Tags lorsqu’un formulaire est soumis. Il dispose d’une option clé qui permet de différencier le nombre de tentatives de soumission de formulaires du nombre de formulaires soumis avec succès « Vérifier la validation ». Plus de détails dans ce lien :Vérifier la validation
- Profondeur de défilementLe déclencheur de profondeur de défilement est utilisé pour activer des Tags en fonction de la quantité de défilement qu’un utilisateur a effectué sur une page web. Ils peuvent être horizontaux ou verticaux en fonction de la direction du défilement de l’utilisateur. Plus de détails dans ce lien :Profondeur de défilement
- Visibilité de l’élémentSe déclenche lorsque un élément sélectionné devient visible dans la fenêtre d’affichage du navigateur web. Certains des événements qui font apparaître un élément sont : le chargement d’une page, le défilement, le passage d’un onglet du navigateur au premier plan ou l’exécution de routines programmatiques qui affectent la position ou la visibilité de l’élément. Plus de détails dans ce lien :Visibilité de l’élément
- Vidéo YouTubePermet de capturer les activités de :
- Démarrer
- Terminer
- Mettre en pause, mettre en mémoire tampon ou rechercher
- Progresser
Sur certaines ou toutes les vidéos.
- Autres
- Changement dans l’historiqueLes déclencheurs basés sur l’événement Changement dans l’historique se déclenchent lorsqu’il y a un changement dans le fragment de l’URL (hash) ou lorsqu’un site web utilise les API pushState HTML5. Ces déclencheurs sont utiles pour activer des Tags qui suivent les pages vues virtuelles dans une application Ajax, par exemple.
- Erreur JavaScriptUtilisé pour activer des Tags lorsqu’une exception JavaScript (window.onError) non détectée se produit. Ce Tag sert à enregistrer les messages d’erreur dans des outils d’analyse.
- Événement personnaliséLes événements personnalisés sont utilisés pour suivre les interactions qui se produisent sur ton site web ou application mobile et qui ne sont pas gérées par des méthodes standard. Leur usage le plus fréquent est le suivi des soumissions de formulaires dont le comportement par défaut a été modifié.
- Groupe de déclencheursCe groupe ne se déclenche que lorsque tous les déclencheurs sélectionnés ont été activés au moins une fois.
- MinuteurCe déclencheur est utilisé pour mesurer combien de temps un utilisateur met pour terminer une tâche, comme lire un article, remplir un formulaire ou effectuer un achat, sur une même page.
Qu’est-ce que les variables de Google Tag Manager ?
Les Tags peuvent envoyer des informations personnalisées, qui peuvent être utilisées pour conditionner leur activation. C’est la raison pour laquelle il existe des variables.
Variables Google Tag Manager
Les variables intégrées dans un conteneur GTM sont les suivantes :
[Diagrammes ou images probablement omis]
Comment installer un conteneur GTM sur le site web ?
Manuellement sur toutes les pages
Un conteneur de Google Tag Manager (GTM) comporte deux extraits de code nécessaires pour qu’il fonctionne correctement sur le site web.
→ Une partie de l’extrait doit être insérée entre les balises head de toutes les pages, aussi haut que possible.
→ L’autre doit être insérée immédiatement après la balise html d’ouverture de body.
Exemple d’extrait de code HTML
Comment trouver ces extraits de code ?
Pour obtenir les extraits de code que tu dois insérer sur le web, la première chose à faire est de créer un compte Google Tag Manager sur https://tagmanager.google.com/
Dans un CMS
WordPress
Francesco Graso nous indique comment installer un configurateur GTM sur WordPress dans cette publication réalisée directement sur le site officiel de wordpress.org :
Shopify
Google Tag Manager est disponible pour toutes les boutiques Shopify via un pixel personnalisé.
Adobe Commerce
Sur le site web d’Adobe Commerce, nous pouvons trouver des informations sur comment installer GTM de manière simple sur ce CMS :
PrestaShop
Tu peux insérer le code sur toutes les pages en éditant les fichiers correspondants ou en installant un addon de la liste.
Joomla
Il peut être fait directement en éditant les fichiers du template ou en utilisant une extension.
WooCommerce
Avec ce plugin, il suffit d’installer une extension pour capturer et émettre tous les événements eCommerce dont tu as besoin.
Conclusion
Google Tag Manager s’affirme comme un allié indispensable pour quiconque souhaite optimiser la gestion des tags et améliorer l’efficacité de ses campagnes de marketing digital. En automatisant l’implémentation des balises et en offrant une interface intuitive, GTM permet de gagner un temps précieux et d’augmenter la précision des mesures. Grâce aux fonctionnalités avancées telles que les déclencheurs personnalisés et les variables, il est possible de suivre de manière granulaire le comportement des utilisateurs et d’ajuster vos stratégies en temps réel. Que vous utilisiez des CMS populaires comme WordPress ou Shopify, ou que vous souhaitiez intégrer des outils puissants comme Google Analytics et Google Ads, GTM facilite ces intégrations et garantit une performance optimale de votre site web. En investissant du temps pour maîtriser Google Tag Manager, vous positionnez votre entreprise pour une meilleure prise de décision basée sur des données fiables et pertinentes. N’attendez plus pour exploiter tout le potentiel de GTM et transformer votre approche du marketing digital.
