Quel que soit le type de site Web que vous possédez, il est essentiel de savoir comment vos visiteurs interagissent avec votre site. Google Analytics (GA) est traditionnellement l'outil utilisé par les webmasters pour obtenir des informations sur le trafic du site Web. GA fournit aux utilisateurs des statistiques et des rapports sur :

Le nombre de visiteurs sur votre site
De quel pays viennent-ils
Combien de pages ils ont visitées par session
Les pages les plus populaires de votre site
Combien de visiteurs du site ont rebondi (partis sans effectuer aucune action)

Le suivi des mesures essentielles telles que les pages vues, la durée des sessions et le taux de rebond avec GA nécessite le placement du code de suivi GA^{(GA Tracking Code)} ou d'un extrait de code JavaScript GA sur chaque page Web. ^{(GA JavaScript)}C'est idéal pour garder une trace des informations générales.

Cependant, pour des métriques plus spécifiques ou des interactions multiples, il devient plus difficile de suivre chaque action. Par exemple, il faudrait beaucoup de temps à un propriétaire de site Web qui souhaite suivre plusieurs formulaires différents et diverses fonctionnalités pour configurer et exécuter toutes les balises nécessaires.

Google Tag Manager ( GTM ) est un outil gratuit de gestion des balises qui facilite le suivi de toutes vos balises.

Qu'est-ce que Google Gestionnaire de balises ?^{(What Is Google Tag Manager?)}

Plutôt que de remplacer GA, GTM fonctionne avec GA (qui est une balise elle-même) pour aider les utilisateurs à ajouter du code de suivi (balises), à définir des règles et à déployer des extraits de code.

Les données collectées par GTM sont envoyées et stockées dans GA et d'autres outils tels que Google Ads , PayPal et Facebook .

Voici des exemples de balises que les propriétaires de sites Web pourraient souhaiter suivre :

Annonces Google
Événements
Code pixel Facebook
Recommercialisation
Code HTML/JavaScript personnalisé

Les propriétaires de sites Web doivent décider quels comportements fourniront les informations dont ils ont besoin pour prendre de meilleures décisions de marketing stratégique. Utilisez ensuite Google Tag Manager pour collecter des données et analyser les résultats.

Dans cet article, nous expliquerons comment commencer à utiliser GTM pour votre site Web.

Configurez votre site Web^{(Set Up Your Website)}

Si vous n'avez pas encore de compte Google Tag Manager , créez-en un^{(set one up)} .

Ajoutez le nom de votre compte, votre pays, la configuration du conteneur (votre domaine) et votre plate-forme cible (choisissez Web). Cliquez ensuite sur Créer^(Create) .
Après avoir accepté les conditions d'utilisation de Google, vous verrez votre ID de conteneur avec deux extraits de code.

Vous devez ajouter les deux extraits à chaque page de votre site pour terminer le processus de configuration. Assurez-vous de les ajouter au bon endroit. L'un appartient au <head> de votre page. L'autre se place après la balise d'ouverture <body> .
Si vous avez besoin d'aide supplémentaire pour installer les extraits, lisez le guide de démarrage rapide^{( Quick Start Guide)} de Google . Ou, si vous utilisez WordPress , vous pouvez utiliser plusieurs plugins .^{( several plugins)}
Une fois que vous avez créé votre conteneur, vous pouvez commencer à ajouter des balises et des déclencheurs pour obtenir des informations sur les visiteurs de votre site.

Vous trouverez ci^(Below) -dessous un exemple d'action de site Web pour vous aider à mesurer vos efforts de marketing.

Suivi des clics sur les boutons^{(Tracking Button Clicks)}

Les clics sur les boutons^(Button) font référence au nombre de clics sur l'appel à l'action ( CTA ) de votre site Web. De nombreux sites ont plusieurs CTA^(CTAs) , tels que :

Télécharger.
Ajouter au panier.
Cliquez pour appeler.
S'abonner.
S'inscrire.
Commencer.
Obtenez votre rapport gratuit.
Apprendre encore plus.
Rejoindre.

Configurer certaines variables^{(Set Up Some Variables)}

Cliquez sur Variables puis sur Configurer^(Configure) dans la navigation de gauche.
Faites défiler vers le bas et cliquez sur Élément, Classes, ID, Cible, URL^{(Element, Classes, ID, Target, URL )} et Texte^(Text) .

L'étape suivante consiste à activer un déclencheur qui se déclenchera à tous les clics. Cliquez^(Click) sur Déclencheurs^(Triggers) dans la navigation de gauche et appuyez sur NOUVEAU.^(NEW.)

Donnez ensuite un nom à votre déclencheur. Appelons-le Button Click .
Pour sélectionner un type de déclencheur, cliquez dans la fenêtre du déclencheur, faites défiler vers le bas de la page contextuelle et cliquez sur Tous les éléments^{(All Elements)} .
Assurez-vous d'avoir défini Ce déclencheur se déclenche^{(This trigger fires)} sur tous les clics^{(All Clicks )} et cliquez sur Enregistrer^{( Save)} .

Pour vous assurer que la balise fonctionne correctement, cliquez sur le bouton Aperçu^(Preview) . Une barre orange apparaîtra pour que vous sachiez que vous êtes en mode aperçu.

Ouvrez votre site Web dans un nouvel onglet de navigateur et actualisez la page. Vous verrez des éléments récapitulatifs dans le mode de prévisualisation rapide. Parce que dans cet exemple, nous définissons le déclencheur pour qu'il se déclenche chaque fois que quelqu'un clique n'importe où sur votre site, il sera enregistré comme un clic GTM .
Si vous souhaitez identifier un bouton spécifique sur une page, sélectionnez l'un des clics dans le panneau d'aperçu de Google Tag Manager . Cliquez ensuite sur Variables .

Vous verrez des classes de clic, des éléments de clic et des textes de clic. Tous les différents clics et classes de clics sont notés. Une fois que vous avez localisé les variables, déterminez ce qu'il faut filtrer pour le bouton que vous souhaitez suivre.

Cliquez^(Click) sur ce bouton de site Web et il mettra en surbrillance la section récapitulative de l' aperçu GTM sous votre site Web.

Examinez les variables liées au bouton sélectionné, telles que les classes de clic, l' ^(Click)élément^{(Click Element)} de clic et l' ID^{(Click ID)} de clic . Utilisez ces informations pour configurer le clic de votre bouton. Retournez dans votre gestionnaire de balises Google^{(Google Tag Manager)} . Accédez^(Navigate) au bouton Clic^{(Button Click)} .

Pour les besoins de cet article, configurons un bouton pour saisir votre rapport gratuit^{(Grab your free report)} , alors renommez le bouton pour saisir votre rapport gratuit CTA^{( Grab your free report CTA)} .

Accédez à Ce déclencheur se déclenche^{(This trigger fires on)} et choisissez Quelques clics^{(Some Clicks)} .

C'est ici que vous pourrez filtrer par les variables que vous avez trouvées en mode aperçu.

Revenez à l'aperçu de votre site Web et notez les variables du bouton que vous souhaitez suivre. Différentes^(Different) parties d'un bouton peuvent avoir des classes différentes selon l'endroit où vous cliquez.

La meilleure solution pour cela est de basculer votre suivi vers Link Click car les classes sont les mêmes, peu importe où vous cliquez. Un clic sur un lien est un lien hypertexte qui reste constant.

Pour changer cela à l'intérieur de GTM , sélectionnez Click - All Elements et changez-le en Just Links .

Utilisez la classe que vous avez notée à partir du mode aperçu et ajoutez-la dans la zone vide à droite de Cliquez sur Classes^{(Click Classes )} et cliquez sur Enregistrer^{( Save)} .

Créer une étiquette^{(Create a Tag)}

Cliquez sur Balises^(Tags) dans la navigation de gauche et appuyez sur Nouveau^(New) .

Cliquez à l'intérieur de la zone de configuration des balises^{(Tag Configuration)} pour ouvrir les types de balises. Faites défiler^(Scroll) vers le bas et sélectionnez HTML personnalisé^{(Custom HTML)} .
Vous pouvez utiliser des variables dans cette section HTML personnalisé^{(Custom HTML)} en les saisissant entre ces crochets { }.
Lorsque vous commencez à taper les crochets, vous verrez un menu de sélection de recherche rapide dans lequel vous pourrez choisir vos variables existantes définies.

Vous devez maintenant le connecter au déclencheur que vous venez de créer. Cliquez^(Click) dans la zone Déclenchement^(Triggering) , sélectionnez le déclencheur et cliquez sur Enregistrer^(Save) .
Actualisez à nouveau votre page d'aperçu pour tester votre bouton. Cliquez^(Click) sur votre bouton pour voir si la balise est déclenchée. Si cela ne fonctionne pas, revenez en arrière et vérifiez tous vos paramètres.
Lorsqu'ils sont corrects, vous verrez Tags Fired on This Event . Vous suivez maintenant le moment où votre bouton est cliqué.

Faites du tag un événement^{(Make The Tag An Event)}

Revenez à GTM et sélectionnez la balise que vous venez de créer. Assurez-vous de le nommer avec un nom identifiable.
Remplacez le type de balise HTML personnalisé^{(Custom HTML)} par Google Analytics : Google Analytics : Universal Analytics .

Sélectionnez Événement^(Event) pour Type de piste^{(Track Type)} , Bouton CTA^{(CTA Button)} pour Paramètres de suivi d'événement^{(Event Tracking Parameters)} , Cliquez^(Click) pour Action et ajoutez un nom d'identification pour Étiquette^(Label) .
Faites défiler^(Scroll) jusqu'à Paramètres Google Analytics^{(Google Analytics Settings)} , sélectionnez {{Google Analytics}} et cliquez sur Enregistrer^(Save) . Maintenant, vous suivez vos clics dans Google Analytics en tant qu'événement.
Soumettez votre événement, puis publiez^(Publish) -le.
Dans la section Description de la version du conteneur^{(Container Version Description)} , ajoutez un nom descriptif pour votre événement et cliquez sur Continuer^(Continue) .

Votre nouveau déclencheur et votre nouvelle balise sont désormais en ligne sur votre site Web pour suivre chaque fois qu'un visiteur du site clique sur le bouton.

Il n'y a pas de limite au nombre d'actions que vous pouvez suivre à l'aide de Google Tag Manager . Plus vous collectez et mesurez de données, mieux vous pourrez ajuster vos campagnes marketing et publicitaires pour augmenter les conversions et les ventes.

How To Use Google Tag Manager To Analyze Your Website Traffic

No matter what type of websitе you have, knowing how your visitors interact with your site is еssential. Google Analytics (GA) has traditionally been the tool used by webmasters to gain insights into website traffic. GA gives users statistics and reports about:

The number of visitors to your site
What country they are from
How many pages they visited per session
The most popular pages on your site
How many site visitors bounced (left without performing any action)

Tracking essential metrics such as page views, session durations, and bounce rate with GA require the placement of GA Tracking Code or a GA JavaScript code snippet on every webpage. This is ideal for keeping track of general information.

However, for more specific metrics or multiple interactions, it becomes more challenging to keep track of every action. For example, it would take a lot of time for a website owner who wants to track several different forms and various features to get all the necessary tags set up and running.

Google Tag Manager (GTM) is a free tag management tool that makes tracking all your tags easier.

What Is Google Tag Manager?

Rather than replacing GA, GTM works with GA (which is a tag itself) to help users add tracking code (tags), define rules and deploy code snippets.

The data collected by GTM is sent to and stored in GA and other tools such as Google Ads, PayPal, and Facebook.

Examples of tags website owners might want to track are:

Google Ads
Events
Facebook pixel code
Remarketing
Custom HTML/JavaScript code

Website owners should decide which behaviors will provide insights they need to make better strategic marketing decisions. Then use Google Tag Manager to collect data and analyze the results.

In this article, we will outline how to get started using GTM for your website.

Set Up Your Website

If you don’t already have a Google Tag Manager account, set one up.

Add your account name, country, container setup (your domain), and your target platform (choose web). Then click Create.
After you agree to Google’s terms of service, you will see your container ID with two code snippets.

You need to add both the snippets to each page of your site to complete the setup process. Make sure you add them in the correct place. One belongs in the <head> of your page. The other goes after the opening <body> tag.
If you need additional help installing the snippets, read Google’s Quick Start Guide. Or, if you are using WordPress, there are several plugins you can use.
Once you create your container, you can start adding tags and triggers to gain insights into your site’s visitors.

Below is an example of a website action to help you measure your marketing efforts.

Tracking Button Clicks

Button clicks refer to how many times your website call-to-action (CTA) is clicked. Many sites have multiple CTAs, such as:

Download.
Add to cart.
Click to call.
Subscribe.
Sign up.
Get started.
Grab your free report.
Learn more.
Join.

Set Up Some Variables

Click on Variables and then Configure from the navigation on the left.
Scroll down and click Element, Classes, ID, Target, URL and Text.

The next step is to enable a trigger that will fire on all clicks. Click on Triggers from the navigation on the left and hit NEW.

Then give your trigger a name. Let’s call it Button Click.
To select a trigger type, click inside the trigger window, scroll down to the bottom of the pop-up page, and click on All Elements.
Make sure you set This trigger fires on All Clicks and click Save.

To make sure the tag is working correctly, click the Preview button. An orange bar will appear so that you will know you are in preview mode.

Open your website in a new browser tab and refresh the page. You will see summary items in the quick preview mode. Because in this example we set the trigger to fire whenever anyone clicks anywhere on your site, it will register as a GTM click.
If you want to identify a specific button on a page, select one of the clicks in the Google Tag Manager preview panel. Then click Variables.

You will see click classes, click elements, and click texts. All the different clicks and click classes are notated. Once you have located the variables, figure out what to filter out for the button you want to track.

Click on that website button, and it will highlight the summary section on the GTM preview below your website.

Look at the variables that are related to your selected button such as Click classes, Click Element, and Click ID. Use this information to set up your button click. Go back to your Google Tag Manager. Navigate to Button Click.

For the purpose of this article, let’s set up a button for Grab your free report, so rename the button to Grab your free report CTA.

Navigate to This trigger fires on and choose Some Clicks.

Here is where you will be able to filter by the variables you found when in preview mode.

Go back to your website preview and write down the variables for the button you want to track. Different parts of a button might have different classes depending upon where you click.

The best solution for this is to switch your tracking to Link Click because the classes are the same no matter where you click. A link click is a hyperlink that remains constant.

To change that inside of GTM, select Click – All Elements and change it to Just Links.

Use the class you wrote down from the preview mode and add it in the blank box to the right of Click Classes and click Save.

Create a Tag

Click on Tags from the left-side navigation and hit New.

Click inside the Tag Configuration box to open the tag types. Scroll down and select Custom HTML.
You can use variables inside this Custom HTML section by typing them inside these brackets { }.
When you start typing the brackets, you will see a quick search select menu where you can choose your defined existing variables.

Now you need to hook this up to the trigger you just created. Click inside the Triggering box, select the trigger and click Save.
Refresh your preview page again to test your button. Click on your button to see if the tag is fired. If it doesn’t work, go back and check all your settings.
When they are correct, you will see Tags Fired on This Event. You are now tracking when your button is clicked.

Make The Tag An Event

Go back to GTM and select the tag you just created. Make sure to name it with an identifiable name.
Change the Tag type from Custom HTML to Google Analytics: Google Analytics: Universal Analytics.

Select Event for Track Type, CTA Button for Event Tracking Parameters, Click for Action and add an identifying name for Label.
Scroll down to Google Analytics Settings, select {{Google Analytics}} and click Save. Now you are tracking your clicks inside of Google Analytics as an event.
Submit your event and then Publish it.
In the Container Version Description section add a descriptive name for your event and click Continue.

Your new trigger and new tag are now live on your website to track any time a site visitor clicks on the button.

There is no limit to the number of actions you can track using Google Tag Manager. The more data you collect and measure, the better you will be able to tweak your marketing and ad campaigns to increase conversions and sales.

Lina Roux

About the author

Je suis un ingénieur logiciel et blogueur avec près de 10 ans d'expérience dans le domaine. Je me spécialise dans la création de critiques d'outils et de didacticiels pour les plates-formes Mac et Windows, ainsi que dans la fourniture de commentaires d'experts sur des sujets de développement de logiciels. Je suis également conférencier et instructeur professionnel, ayant donné des présentations lors de conférences technologiques à travers le monde.

Comment utiliser Google Tag Manager pour analyser le trafic de votre site Web

Qu'est-ce que Google Gestionnaire de balises ?^{(What Is Google Tag Manager?)}

Configurez votre site Web^{(Set Up Your Website)}

Suivi des clics sur les boutons^{(Tracking Button Clicks)}