Qu'est-ce que Google Tag Manager et Comment Fonctionne-t-il ?

Olivier Amici

sept. 18, 202311 min de lecture
Le guide de Google Tag Manager pour les débutants

TABLE DES MATIÈRES

Qu'est-ce que Google Tag Manager?

Google Tag Manager (GTM) est un outil gratuit qui vous permet d'installer, de stocker et de gérer des balises marketing sans modifier le code du site web.

Les balises marketing sont de petits bouts de code qui suivent les actions de l'utilisateur et collectent des données.

L'exemple le plus courant de balise marketing est la balise Google utilisée pour installer Google Analytics et d'autres produits Google.

D'autres exemples courants sont les codes d'événements Google Analytics, les scripts de conversion Google Ads, le code Meta Pixel et les balises de remarketing.

Installer balise Google manuellement

Vous devez placer des balises de ce type dans le code de votre site web pour que Google Analytics et d'autres plateformes puissent fonctionner et collecter des données.

Mais avec chaque ajout et changement de code, vous risquez d'oublier, de perdre ou de casser les balises (ou d'autres éléments du site web).

GTM remédie à ces problèmes en vous permettant d'installer, de gérer et de déployer des balises marketing à partir de son logiciel plutôt que dans le code de votre site web.

De plus, le logiciel injecte des extraits de code et des balises marketing dans le code de votre site web uniquement lorsque cela est nécessaire.

Vous ne risquez donc pas de nuire accidentellement à votre site web en testant quelque chose.

À Quoi Sert Google Tag Manager ?

Tag Manager vous permet de suivre presque tous les types d'événements ou de comportements d'utilisateurs auxquels vous pouvez penser.

Voici quelques exemples d'événements couramment suivis :

  • Clics sur les liens
  • Clics sur les boutons
  • Soumissions de formulaires
  • Conversions
  • Abandon du panier d'achat
  • Ajout d'articles au panier
  • Suppression d'articles du panier
  • Téléchargements de fichiers
  • Comportement de défilement
  • Visionnage de vidéos
  • Performances des calls to action (CTA)
  • Clics sur la table des matières
  • Événements personnalisés

Comment Google Tag Manager Fonctionne-t-il ?

Google Tag Manager utilise un extrait de code JavaScript unique que vous ajoutez à votre site et qui sert de conteneur pour toutes les balises que vous souhaitez gérer.

Lorsqu'un utilisateur déclenche une balise (par exemple, en cliquant sur un lien ou en chargeant une page), GTM la récupère et l'injecte dans le code de votre site web.

Ensuite, GTM exécute la balise.

En d'autres termes, GTM n'injecte et n'exécute une balise que lorsqu'un utilisateur en déclenche une. Cela permet de réduire la quantité globale de code sur un site web et de minimiser le risque d'erreurs d'implémentation.

benefits of using gtm

Les balises fonctionnent avec d'autres composants de GTM appelés déclencheurs et variables pour déterminer quand exécuter les extraits de code.

Voyons ce que sont les balises, les déclencheurs et les variables. Et comment ils fonctionnent.

Que Sont les Balises ?

Les balises sont des extraits de code que les plateformes d'analyse, de marketing et d'assistance utilisent pour s'intégrer aux sites et aux applications.

Google Analytics, par exemple, utilise des balises pour collecter des données sur les visiteurs d'un site web.

Dans ce cas, la balise Google vous permet d'envoyer des données de votre site à une propriété Google Analytics connectée.

Grâce à GTM, vous pouvez créer, gérer et publier des balises sans avoir à les coder vous-même.

Choisir le type de balise dans Google Tag Manager

Exemples de Balises

Voici des exemples de balises couramment utilisées. Il s'agit d'outils et de plateformes souvent installés avec GTM :

  • Google Analytics
  • Google Ads Conversion Tracking
  • PageImprove
  • Crazy Egg
  • Hotjar
  • ImpactHero
  • Pinterest Tag
  • LinkedIn Insight
  • Twitter Universal Web Tag
  • Facebook/Meta Pixel
  • SplitSignal
  • Appcues
  • HubSpot
  • Intercom
  • Mixpanel
  • Salesforce
  • Custom events and tracking

Que Sont les Déclencheurs ?

Les déclencheurs sont des instructions indiquant quand les balises doivent se déclencher.

Les vues de pages, les soumissions de formulaires et les clics sur des liens sont des exemples courants de déclencheurs. Lorsqu'un utilisateur consulte une page ou clique sur un lien, la balise associée se déclenche.

Vous devez attribuer un déclencheur à chaque balise afin que Tag Manager sache dans quelles circonstances la balise doit être activée. 

Les plateformes d'analyse comme Google Analytics utilisent généralement les pages vues comme déclencheur. En effet, les données d'analyse de chaque page visitée par un utilisateur sont essentielles.

Par ailleurs, vous pouvez vouloir qu'une balise de suivi des conversions ne se déclenche que lorsqu'un utilisateur place un article dans son panier. Ou encore lorsqu'il termine le processus de paiement. 

Lorsque l'événement spécifié pour chaque balise se produit, son déclencheur indique à la balise de se déclencher.

Dans le cas contraire, cette balise ne se déclenchera pas. Et GTM n'exécutera pas l'extrait de code.

Vous pouvez également ajouter des filtres aux déclencheurs pour spécifier quand vous voulez que les balises se déclenchent.

Par exemple, il se peut que vous souhaitiez que votre chat d'assistance ne se déclenche que sur les pages de l'entonnoir de paiement.

Dans ce cas, vous pouvez ajouter un filtre qui indique à la balise de ne se déclencher que sur les pages dont l'URL contient "/paiement/". 

Vous pouvez attribuer plusieurs déclencheurs à une seule balise.

Configuration de balise dans GTM : attribuer plusieurs déclencheurs à une seule balise

Exemples de Déclencheurs

Voici quelques-uns des déclencheurs les plus couramment utilisés :

  • Pages vues
  • Clics sur les liens
  • Clics sur les boutons
  • Soumissions de formulaires
  • Profondeur du défilement
  • Temps passé sur la page
  • Événement personnalisé

Que Sont les Variables ?

Les variables sont des éléments d'information supplémentaires dont GTM peut avoir besoin pour déclencher une balise ou un déclencheur.

Elles permettent de définir précisément ce que la balise ou le déclencheur est censé faire.

Par exemple, "Constant" et "Paramètres Google Analytics" sont des variables courantes.

Elles sont toutes deux utilisées pour définir les identifiants des comptes Google Analytics (c'est-à-dire "ID de suivi" dans Universal Analytics et "ID de mesure" dans GA4).

Chaque fois que vous créez une balise Google Analytics, vous devez saisir votre identifiant de suivi ou de mesure. 

Cette opération peut s'avérer fastidieuse, car la plupart d'entre nous ne mémorisent pas ces identifiants.

Mais pour simplifier les choses, vous pouvez créer une variable qui stocke votre identifiant.

Ensuite, chaque fois que vous créez une nouvelle balise nécessitant ces informations, il vous suffit de joindre la variable que vous avez créée.

Onglet Variable de Google Tag Manager

Exemples de Variables

Voici quelques-unes des variables les plus courantes :

  • Constant
  • Paramètres Google Analytics
  • Click URL
  • Click ID
  • Click Class
  • Page URL
  • Form ID
  • Scroll depth threshold

Avantages de Google Tag Manager

Bien que Tag Manager nécessite quelques connaissances techniques, il permet aux spécialistes marketing d'économiser beaucoup de temps et de ressources.

De plus, il est gratuit.

En voici quelques avantages :

  • Réduction de la dépendance à l'égard des développeurs : Ajoutez et gérez rapidement et simplement des balises marketing sans l'aide d'un développeur.
  • Test et débogage : Prévisualisez, testez et déboguez les modifications avant de les transférer sur un site en ligne. Cette fonctionnalité permet d'éviter les erreurs et de réduire la nécessité de tester les modifications sur un site en ligne ou un site de démonstration.
  • Contrôle des autorisations des utilisateurs : Seules les personnes autorisées peuvent apporter ou approuver des modifications à votre configuration marketing.
  • Versions : GTM crée et enregistre une nouvelle version du code chaque fois que vous publiez des modifications. Cela vous permet de visualiser les modifications passées et présentes et de revenir aux versions précédentes si nécessaire.
  • Espaces de travail : GTM permet aux membres de l'équipe de travailler simultanément dans plusieurs espaces de travail sans écraser les progrès des uns et des autres.
  • Configuration facile de nombreux outils populaires : Ajoutez facilement des outils et des balises de suivi au code de votre site web à l'aide d'extraits de code ou de modèles existants (par exemple, pour Google Analytics, Pinterest, Google Ads, etc.) à partir de Community Template Gallery.
  • Stockage et gestion des balises : Google Tag Manager regroupe les balises marketing et les codes de suivi en un seul endroit et les injecte dans le code du site web en fonction des besoins. Cela vous permet d'ajouter, de supprimer et de mettre à jour les outils et les codes de suivi en réduisant le nombre d'erreurs.

Google Tag Manager vs. Google Analytics

Bien que l'on confonde souvent Google Tag Manager et Google Analytics, il s'agit d'outils différents que vous pouvez utiliser conjointement pour collecter des données d'analyse web et des données sur le comportement des utilisateurs, et les présenter dans des rapports. 

Google Tag Manager est un système de gestion des balises qui stocke et gère les balises marketing et les extraits de code tiers. 

Il n'y a pas d'analyses ni de rapports dans Tag Manager.

Onglet Présentation de Google Tag Manager

Google Analytics, en revanche, est un logiciel utilisé pour l'analyse, le suivi des conversions et le reporting.

Google Analytics, Accueil

Vous pouvez utiliser GTM pour installer et déployer Google Analytics sur un site web (c'est ce que Google recommande de faire).

Faut-il Changer Quelque Chose pour Google Analytics 4 ?

Oui. Si vous utilisez GTM pour installer Google Analytics 4 (GA4), vous devrez installer la balise "GA4 Configuration".

À part ça, l'utilisation de Google Tag Manager avec GA4 est très similaire à celle avec Universal Analytics (UA).

L'une des principales différences est que Google fournit désormais une balise distincte pour les événements GA4.

Auparavant, vous implémentiez UA et suiviez les événements à l'aide de la même balise. 

Une autre différence est que GA4 peut automatiquement suivre et collecter beaucoup plus d'événements qu'UA.

Cela signifie qu'il est moins nécessaire de suivre manuellement les événements dans GTM. Cependant, vous pouvez toujours utiliser GTM pour suivre tout ce que GA4 ne fournit pas.

Tag Manager et GA4 fonctionnent ensemble de manière transparente.

Conseil : Lisez le guide de Google sur la manière de passer à GA4 pour plus d'informations.

Comment Configurer Google Tag Manager

Pour configurer Google Tag Manager, connectez-vous à votre compte Google et rendez-vous sur Tag Manager.

Cliquez sur "Créer un compte" pour créer un compte pour votre entreprise.

Configurer Google Tag Manager

Saisissez un "nom de compte" et sélectionnez votre pays. Google recommande à chaque entreprise de ne créer qu'un seul compte, qu'elle ait un ou plusieurs sites web. Le nom de votre entreprise peut servir de nom de compte.

Nom du compte et pays dans la configuration d'un compte GTM

Ensuite, saisissez un "nom de conteneur".

Nom du conteneur dans la configuration d'un compte GTM

Votre conteneur est le morceau de code que vous ajouterez à votre site web pour faire fonctionner Google Tag Manager. Vous utiliserez généralement un conteneur par site web. Le nom de votre conteneur peut donc être le nom ou l'URL de votre site web.

Sélectionnez ensuite votre "Plate-forme cible". Pour les sites web, choisissez "Web".

Choix de la plateforme cible dans la configuration d'un compte GTM

Cliquez sur "Créer" pour créer votre compte Tag Manager et votre premier conteneur. 

Ensuite, deux pop-ups s'affichent. 

Le premier concerne les conditions d'utilisation de Google. Acceptez les conditions en cochant la case en bas de la page. Et en cliquant sur "Oui" pour accepter dans le coin supérieur droit de votre écran.

Accepter les conditions de Google pour créer un compte GTM

Le deuxième pop-up affiche les extraits de code que vous devez ajouter à votre site pour installer GTM.

pop-up affiche les extraits de code lors de la création d'un compte Google Tag Manager

Note : Si vous n'êtes pas à l'aise pour modifier le code de votre site web, demandez l'aide d'un développeur.

Le premier extrait de code utilise JavaScript pour extraire des informations. Placez cet extrait aussi haut que possible dans la section <head> des pages de votre site web.

comment ajouter un extrait de code à votre site web

Le deuxième extrait est une iframe HTML. Placez ce code immédiatement après la balise d'ouverture <body> sur vos pages web.

Comme ceci :

comment ajouter un extrait de code à votre site web

L'élément HTML iframe permet de s'assurer que GTM fonctionne toujours lorsque les utilisateurs désactivent JavaScript dans leur navigateur. 

Une fois que vous avez configuré votre compte et installé correctement les deux extraits de code, vous pouvez commencer à utiliser Google Tag Manager.

Conseil pro : Utilisez l'extension Tag Assistant Legacy pour vous assurer que votre implémentation de Tag Manager est correcte.

Comment Utiliser Google Tag Manager

Pour vous montrer comment utiliser Google Tag Manager, nous allons vous expliquer comment connecter une propriété Google Analytics 4 à votre site.

Conseil pro : Pour éviter que votre système d'analyse n'enregistre des doubles clics, assurez-vous d'avoir installé Google Tag Manager et d'avoir supprimé le code original de Google Analytics de votre site web avant de continuer.

Pour commencer, connectez-vous à votre compte Google Tag Manager.

Cliquez sur "Nouvelle balise" ou "Ajouter une nouvelle balise" pour créer une nouvelle balise.

Nouvelle balise dans GTM

Ajoutez un nom à votre balise. Nous suggérons quelque chose comme "Configuration GA4".

Saisir le nom de la balise

Ensuite, cliquez sur "Configuration de la balise".

Configuration de la balise dans Google Tag Manager

Et sélectionnez "Google Analytics: Événement GA4" dans la liste.

Balise Google Analytics événements GA4

Entrez l'ID de mesure pour votre propriété GA4. Vous pouvez également créer une variable qui contiendra votre ID de mesure en vue d'une utilisation ultérieure.

ID de mesure de la balise dans Google Tag Manager

Cliquez sur la section "Déclenchement".

Section déclenchement dans la configuration de la balise

Et sélectionnez "All Pages" dans la liste qui apparaît.

Toutes la pages comme déclencheur de balise

Puis cliquez sur "Enregistrer".

Bouton Enregistrer

Retournez à la page de présentation de votre espace de travail et cliquez sur "Prévisualiser" pour tester vos nouvelles modifications.

Bouton prévisualiser

Saisissez l'URL de votre site web dans l'écran suivant et cliquez sur "Connect" pour ouvrir votre site dans une nouvelle fenêtre et commencer à le tester et à le déboguer.

Bouton Connect

Une fois que vous êtes connecté, votre site devrait s'ouvrir dans une nouvelle fenêtre. Avec Tag Assistant dans le coin inférieur droit de votre fenêtre.

tag assistant connecté

Laissez cette fenêtre ouverte et revenez à la page de prévisualisation. La page de prévisualisation doit indiquer "Connected !".

Connected! page

Après avoir cliqué sur "Continue", commencer à déboguer vos balises dans la fenêtre de prévisualisation.

déboguer les balises

Vous devriez voir votre balise Configuration GA4 nouvellement créée s'activer sur chaque page lorsque vous naviguez sur votre site web.

Cela signifie que l'implémentation de votre balise a réussi.

Lorsque vous avez terminé le débogage, fermez les fenêtres nouvellement ouvertes et revenez à la présentation de votre page. Cliquez ensuite sur "Envoyer" pour valider vos modifications.

Bouton envoyer

Veillez à donner à vos modifications un "Nom de la version" et une "Description de la version" descriptifs.

Configuration de l'envoi

Enfin, cliquez sur "Publier" pour transférer vos modifications sur votre site web et activer GA4.

Ceci publiera une nouvelle version de votre conteneur pour votre site web.

Vous devriez maintenant voir des hits s'inscrire dans le rapport "Temps réel" de votre propriété GA4 au fur et à mesure que les utilisateurs naviguent sur le site web.

rapport "Temps réel" dans Google Analytics

Conseil pro : Nous vous recommandons vivement de toujours utiliser la fonction "Prévisualiser" pour tester et déboguer vos balises avant de les publier.

Meilleures Extensions GTM

Les extensions de navigateur vous aident à tirer le maximum de Tag Manager. 

Les extensions suivantes fournissent des informations supplémentaires sur les balises qui se déclenchent (ou ne se déclenchent pas) et sur les problèmes qui se posent en relation avec vos implémentations.

Elles fournissent également des détails importants concernant vos variables, vos déclencheurs et vos extraits de code. 

Les extensions suivantes sont parmi les meilleures pour faciliter votre travail sur GTM :

Rationalisez votre Organisation Marketing

Google Tag Manager est un outil polyvalent qui peut simplifier le processus d'installation et de gestion des outils de marketing et de suivi des événements importants.

Nous vous recommandons de visionner ce tutoriel Google Tag Manager avant de migrer entièrement vers la plateforme. 

Une fois que vous vous êtes familiarisé avec lui, Tag Manager est un ajout merveilleux à toute pile de marketing.

Associez GTM à des outils puissants tels que Google Analytics, Google Search Console et l'outil Audit de site de Semrush, et vous aurez tout ce dont vous avez besoin pour mettre en œuvre une stratégie marketing rationalisée.

Partager
Author Photo
En charge du développement marketing pour le marché Français et Francophone, de l’organisation des événements en ligne, des partenariats marketing/éducatifs, de la chaîne YouTube et du blog Semrush France.
En savoir plus