Comment installer Google Tag Manager ?

Dans un premier temps accédez à l'outil en vous rendant sur l'url suivante : Google Tag Manager puis cliquez sur « Commencer gratuitement ».

Après avoir cliqué sur le lien d'accès, nous sommes redirigé vers un formulaire qui nous invite à créer un compte.

• Donnez un nom à votre compte (ex : QM Analytics) et sélectionnez un pays.
• Donnez un nom à votre conteneur (ex : Site A, Site B (prod) etc.) et sélectionnez comme plateforme cible : « Web ». La partie « Server side » ne sera pas traitée dans notre exemple.
• Validez le formulaire et acceptez les « Conditions d'utilisation de Google Tag Manager ».

Après validation du formulaire, une fenêtre apparaitra. Elle fournit les informations nécessaires pour appeler notre conteneur sur les pages de notre site Web.

A ce stade, plusieurs possibilités s'offrent à nous :

• Intégration du script JS directement dans le code source de notre site.
• Utiliser une solution tierce (ex : module CMS, plugin WordPress).

Google Tag Manager préconise de placer votre script dans la partie haute de votre site et entre les balises Head. Une fois que vous intégrez ce script, vous pouvez tester son bon fonctionnement en renseignant l'adresse de votre site.

Ce test est un bon moyen de savoir si Google Tag Manager détecte votre conteneur sur votre site. Vous découvrirez à l'étape 5 les autres méthodes qui vous permettront de vérifier que votre implémentation est fonctionnelle.

A ce stade, nous avons bien l'appel au script GTM sur notre site. Avant de commencer à créer notre première balise pour Google Analytics, nous allons terminer le paramétrage de notre compte :

• Paramètres du compte : permet d'accéder aux informations de votre compte (identifiant, nom du compte), de renommer le nom de votre compte et de gérer votre mise en conformité DPA. Pour rappel, tous les gestionnaires de site concernés par le règlement général européen sur la protection des données sont tenus de fournir une liste de personnes à contacter pour les obligations contractuelles et la mise en conformité avec le RGPD.
• Activité du compte : historique des actions qui se sont déroulées sur votre compte.
• Gestion des utilisateurs : permet d’ajouter ou gérer les droits des personnes pouvant accéder à votre compte et ses conteneurs.

Il est toujours bon de vérifier que votre conteneur est bien appelé sur votre site avant de vous lancer dans sa configuration. Voici quatre méthodes qui vous permettront de vérifier l'appel à votre conteneur :

1. Utiliser la console de votre navigateur (F12)
2. Utiliser le mode prévisualisation de Google tag manager
3. Utiliser une extension chrome
4. Champ de vérification de GTM

(1) Console du navigateur - Onglet Sources (chrome interface)

(3) Detection du conteneur GTM par l'extension chrome

La configuration de notre compte et l'appel à notre conteneur fonctionne ! Passons à la partie : Comment ajouter Google Analytics sur GTM. Dans cette partie vous découvrirez comment faire pour ajouter une balise de tracking au conteneur que nous venons de créer. Si vous évoluez sur un site WordPress, la deuxième partie de cette article vous permettra de découvrir comment installer un conteneur Google Tag Manager + un DataLayer en s'aidant du plugin GTM4WP.

Pour installer Google Tag Manager sur notre site WordPress, nous allons utiliser l'extension GMT Kit. Il existe d'autres plugins qui permettent l'intégration de GTM comme GTM4WP ou GTM server side.

Après avoir activé notre nouveau plugin, nous pouvons accéder à la partie configuration :

Dans un premier temps, nous allons configurer l'appel au conteneur :

1. Cliquez sur « Container »
2. Ou cliquez sur « Edit container » lorsque vous vous trouvez sur l'écran Dashboard.

La partie « General container settings » permet de configurer l'appel à notre conteneur GTM ainsi que le DataLayer.

1. Renseignez votre ID dans la partie « GTM container ID ».
2. Cliquez sur « Inject Container Code » afin d'indiquer au plugin d'ajouter le conteneur pour Google Tag Manager. Attention toutefois si vous utilisez un plugin pour gérer l'aspect RGPD de votre site. Celui peut également faire l'appel à votre conteneur. Si vous êtes dans cette situation, il ne sera donc pas utile d'activer cette option.
3. Ce plugin offre la possibilité d'injecter uniquement le conteneur sans DataLayer. Dans notre cas nous en aurons besoin pour notre balise de tracking.
4. Nom du DataLayer généré par le plugin (nous laissons par défaut la valeur).

Si vous passez par un marquage en Server-side, il est possible d'ajouter ces informations dans la partie « Server-side Tagging (sGTM). Nous présenterons cette méthode de marquage dans un autre article.

Poursuivons le paramètrage de notre conteneur GTM.

Utilisez-vous plusieurs conteneurs dans Google Tag Manager ?
Si oui, la partie « Google Tag Manager Environment » permet d'effectuer cette distinction. Exemple : ID GTM_prod (auth) et ID GTM_dev (GTM_preview).

Dans la partie « Container Code Implementation » :

1. Sélectionnez l'option « standard implementation »
2. Puis « just after the opening body tag » (afin que notre conteneur se charge le plus tôt possible).

Finalisez cette configuration en cliquant sur le bouton « Save ».

Avant de tester notre implémentation, nous allons ajouter quelques informations intéressantes à remonter dans nos futures balises. Ce plugin vous propose de remonter dans la partie DataLayer des informations provenant de vos pages / articles, des informations sur vos utilisateurs mais également sur activation des données : WooCommerce, Contact Form 7 et Easy digital download.

• Post type : Type de la publication (page, post, frontpage)
• Page type : Valeur personnalisée pouvant être gérée dans le mode édition d'une page ou d'un article (bloc colonne de droite).
• Catégories : Template des pages « Catégories » consultées
• Tags : Tags rattachés à la publication (tableau de données)
• Post title : Titre de la publication
• Post ID : ID de la publication
• Post data : Date de la publication
• Post author name : Auteur de la publication
• Post author ID : ID de l’auteur de la publication

Les paramètres utilisateurs (fonctionnent uniquement dans le cas ou votre internaute est connecté) :

• Logged in : Remonte l'information si un internaute est connecté (partie login)
• User ID : ID de l'internaute connecté.
• User role : Rôle de l'internaute connecté.

Les paramètres wooCommerce :

• view_item_list
• select_item
• view_item
• add_to_cart
• view_cart
• remove_from_cart
• begin_checkout
• add_shipping_info
• add_payment_info
• purchase

Dans cet exemple, seules les valeurs de l'onglet « Post Data settings » seront activées :

A ce stade, nous avons configuré l'appel à notre conteneur Google Tag Manager et alimenté notre DataLayer avec les informations souhaitées.

Dans ce petit guide nous avons vu comment ajouter un conteneur Google Tag Manager sur notre site (ainsi qu'un exemple d'intégration sur les sites wordpress). Si vous voulez aller plus loin et exploiter pleinement la puissance de GTM, vous pouvez consulter notre article suivant qui explique comment créer des balises telles que Google Analytics, Evénement GA4 ou des balises média.