Webmaster freelance » Création de site internet » Comment installer Google Tag Manager ?

Comment installer Google Tag Manager ?

    Google tag manager
    Partagez cet article sur les réseaux sociaux !

    Si vous avez besoin de faire un suivi précis de ce qui se passe sur votre site Web, je vous recommande d’installer Google Tag Manager.

    En effet, autrement comment comptabiliser le nombre de leads d’un formulaire, le nombre de vues d’une vidéo ou encore si l’internaute a regardé votre bas de page?

    Google Tag Manager est un outil complémentaire à Google Analytics qui peut mesurer des quantités de données grâce à un marqueur (Gtag) que je vous apprendrais à installer. C’est un outil essentiel à insérer lors de la création de votre site internet vitrine, e-commerce ou WordPress pour connaître votre taux de conversions.

    Inscription à Analytics et Google Tag Manager

    Allez tout d’abord dans Google Analytics

    Allez dans Google Analytics et définissez un ID de suivi et numéro de propriété car Google Tag Manager ne remplace pas Google Analytics.

    Ensuite, il faut créer un compte GTM (Google Tag Manager)

    Créez un compte sur GTM

    Enfin, il faut ajouter un Conteneur à ce compte

    Pour ajoutez le Conteneur à votre compte :

    Dans Tag Manager, cliquez sur « Comptes » puis « Plus » à côté du nom du compte concerné.
    Sélectionnez « Créer un conteneur »

    • Donner un nom à ce conteneur
    • Sélectionnez le type de contenu : Web, AMP, Android ou iOS.
    • Cliquez sur Créer.
    • Validez

     

    Comment installer Tag Manager sur votre site internet ?

    1. Dans Tag Manager, allez dans l’espace de travail.
    2. En haut, recherchez l’ID de votre conteneur (« GTM-XXXXX »).
    3. Cliquez sur l’ID de votre conteneur pour lancer l’installation de Tag Manager.
    4. Copiez/collez les extraits de code sur votre site Web.

    Vous devez ajouter un code de tracking sur votre site : une balise (Tag) est ajoutée à votre site internet pour mesurer vos performances sur Google Analytics ou Google Adwords. Voir ci-dessous les explications pour installer le code de suivi de Tag Manager sous WordPress.

    Il ne vous reste plus qu’à ajouter des balises (Tag)

    La balise permet :

    • d’indiquer un page vue à Google Analytics.
    • d’indiquer une conversion à Adwords.

    Pour ajouter une balise : cliquez sur « Nouvelle ».
    Sélectionnez le type de balise et indiquez des déclencheurs pour gérer son activation.

    Pour définir un déclencheur (Triggers), il vous faut choisir le type de déclencheur qui vous intéresse : Les déclencheurs sont associés à une balise dans Google Analytics et définissent les conditions selon lesquelles une balise est déclenchée ou non :

    Il existe 6 types de déclencheurs :
    – Page vue (Web)
    – Clics (Web)
    – Minuteur (Web)
    – Envoi d’un formulaire (Web)
    – Modification de l’historique (Web)
    – Erreur JavaScript (Web)
    – Événements personnalisés (Web et mobile)

    Les événements peuvent mesurer par exemple

    • Le lancement d’une vidéo YouTube
    • La visibilité d’un élément sur une page suite à un clic
    • La profondeur de défilement vertical sur une page

    Les variables stockent les informations à utiliser par les balises et les déclencheurs.

    Vous n’avez plus qu’à définir les actions que vous voulez suivre et Google Tag Manager vous fournit l’extrait JavaScript à insérer dans votre site Web.

    Pour aller plus loin, je vous recommande cette vidéo qui contient des exemples.

    Il existe un mode Aperçu dans Google Tag Manager qui vous donne la possibilité d’inspecter la configuration du Tag Manager sur votre site pour vous assurer que tout se passe comme vous le souhaitez.

    Vous souhaitez installer Google tag manager? Demandez un devis gratuit

    Comment installer le code de tracking de Google Tag Manager sur Worpdress

    Vous êtes obligé de faire appel à votre webmaster non seulement pour les insérer, mais aussi pour y apporter la moindre amélioration.

    Google Tag Manager est un script en deux parties que vous pouvez trouver dans le panneau d’administration du compte Tag Manager :

    1. Dans WordPress, la première partie de code sera inséré dans le fichier header.php , placez votre curseur juste après la balise <head> et collez-y la première partie du code.

    2. La seconde partie de code sera insérée dans le fichier header.php après la balise <body>. Maintenant, certains fichiers header.php n’incluent pas la balise d’ouverture <body>. Si c’est le cas, vous pouvez coller la partie 2 du code dans le template (single.php, page.php, etc…) en plaçant votre curseur juste après <body> et en le collant-là, puis en appuyant sur Enregistrer.

    Comment installer Tag Manager avec un plugin WordPress ?

    Si vous n’êtes pas à l’aise pour éditer les fichiers PHP de votre thème WordPress, il existe des plug-ins qui vous permettront d’injecter du code dans le header et le body.

    Un plugin Wordress
    Google Tag Manager for WordPress

    Vous n’avez plus qu’à placer votre code GTM dans l’encadré « Google Tag Manager ID » et à sélectionner l’option « off No tweak, right placement »

    Un autre plugin  wordpress clé en main:
    Site Kit by Google où vous pourrez connecter votre compte GTM.

    L’une des bonnes pratiques lors de la création de site internet consiste à ne pas trop encombrer WordPress. Je ne recommande donc pas d’ajouter des plug-ins inutiles à un site si vous n’êtes pas obligé.

    Comment relier Google Tag Manager à Google Analytics 4

    Maintenant, il faut vérifier que tout fonctionne bien. Donc, allez dans Google Tag Manager.
    En haut à droite, cliquer sur le bouton « Prévisualiser ».

    Google Tag manager Prévisualiser

    Renseigner votre url dans le pop-up par exemple :www.webmaster-freelance.net

    GTM url

    Maintenant, il va falloir relier votre conteneur GTM à votre propriété Google Analytics 4 pour collecter les données des visiteurs de votre site web.

    Rendez-vous sur votre propriété Google Analytics 4 , choisissez votre flux de donnée et copié l’identifiant de mesure (par exemple: G-ZB4MS09DMS).

    Id de mesure G4

    Puis retournez dans Google Tag Manager.

    Dans le menu de gauche , allez dans « Balises » puis « Nouvelle ».

    Balise GTM

    Choisissez Google Analytics, puis « balise Google ».

    Google Tag Manager balise

    nouvelle balise GTM

    Coller votre idée de mesure (G-ZB4MS09DMS dans mon cas )pour que Google Tag manager envoie les données vers votre flux déjà configuré dans G4.

    id de mesure

    Cliquez ensuite sur Déclencheur. Et choisissez « All pages » ou tout autre outils de mesure que vous souhaitez.

    GTM et GA4

    paramètre GTM

    Enfin nommer votre balise GTM comme bon vous semble.

    Ainsi, Google Analytics va recevoir les données collecté par Google Tag Manager.

    Allez ensuite dans Paramètre de Configuration.

    debug view

    Dans paramètre, ajoutez « debug_mode », puis à gauche « true ».

    Pour vérifier, cliquez sur Prévisualiser. La balise est bien connectée.

    GTM installé

    Pour que la configuration prenne effet, il reste une dernière manipulation à faire car à présent vous êtes en Debug View. Retournez dans l’Espace de Travail pour valider votre configuration en cliquant sur le bouton bleu en Haut à Droite « Envoyer »

    paramètre debug view

    Enfin, pour vérifier que la propriété a bien reçu les données depuis Google Tag Manager, retournez sur la propriété de Google Analytics. Allez dans Debug View situé dans Administration.

    On voit que la Propriété de Google Analytics reçoit les données de votre balise GTM.

    Vérifier la connexion GTM avec GA4

     

    Voilà vous savez comment installer Tag Manager dont l’objectif premier est de pouvoir recueillir des données plus finement et ainsi avoir plus d’indicateurs sur Google Analytics. Attendez au moins 24 heures pour voir les données s’afficher dans GA4.


    Partagez cet article sur les réseaux sociaux !

    Laisser un commentaire

    Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *


    BESOIN D'UN PROFESSIONNEL ?

    Si vous voulez discuter de votre projet web, n’hésitez pas à en parler avec Webmaster freelance!

    06 63 27 17 00