Comme évoqué dans l’article sur les différences entre UA et GA4 la nouvelle version de l’outil analytics de Google est bien plus performante que l’ancienne sur un certain nombre de points dont les suivis d’événements qui sont plus complets et plus simples à configurer que dans UA.
Pour autant, bien que certains événements soient suivis automatiquement dès la configuration de la propriété GA4, il est quand même nécessaire de prendre du temps pour configurer « manuellement » les événements qui constituent des étapes importantes pour votre business.
Cette configuration peut passer par la pose d’un code GA4 sur votre site pour chaque événement à suivre ou par une intégration par Google Tag Manager. Comme toujours la solution GTM évite les ajouts multiples de codes sources ; c’est donc cette solution que nous allons privilégier.
La méthode par GTM permet de configurer des suivis pour une large palette d’éléments distincts comme la vue de produits, leur ajout au panier, le remplissage de formulaires ou encore les clics sur certains boutons ou liens stratégiques d’un site web. C’est cette dernière typologie d’action que nous allons traiter dans cet article.
1 / Activation des variables liées aux clics dans GTM
Pour pouvoir configurer un suivi de clics dans GA4 depuis GTM il faut tout d’abord que celui ci puisse « capter » les actions de clics des internautes sur votre site web.
Des variables intégrées de GTM sont faites pour ça mais il faut veiller à ce qu’elles soient bien activées pour pouvoir les utiliser.
Si elles ne figurent pas déjà dans la liste de vos variables disponibles cliquez sur configurer à droite de l’écran pour ouvrir la sélection des variables intégrées et cliquez sur chacune d’elles.
A partir de là, à chaque fois qu’un internaute cliquera sur un lien (bouton ou autre) de votre site GTM captera des informations liées à ce clic comme la classe css utilisées sur ce lien, son id, sa page de destination, etc… Ces informations vont nous permettre de distinguer un clic d’un autre pour pouvoir créer un déclencheur adéquat.
2 / Test de clic en mode prévue de GTM
Les variables de clics étant maintenant disponibles nous allons pouvoir lancer une prévisualisation et simuler un clic sur le lien que nous souhaitons suivre pour voir les informations reçues par GTM lors de cette action.
Le bouton de prévisualisation sur situe en haut à droite de GTM.
Nous nous rendons ainsi sur le site pour cliquer sur le lien concerné ; pour cet exemple un bouton d’appel vers un magasin contenant son numéro de téléphone.
Et nous pouvons retrouver dans la partie « variables » de la prévue les infos reçues par GTM sur ce clic. Notre objectif est de trouver un élément suffisamment spécifique pour qu’il ne soit pas présent non plus sur une autre action de clic sur le site. Idéalement l’ID du clic serait l’élément le plus précis mais comme il n’était pas présent ici nous allons utiliser la classe css du bouton car il est très peu probable qu’elle soit utilisée également sur un autre.
Nous copions donc cette valeur qui va nous servir pour créer le déclencheur nécessaire.
3 / Création du déclencheur dans GTM
Direction maintenant la section « Déclencheurs » de GTM pour en créer un nouveau avec les éléments que nous avons trouvé lors du test.
Nous allons utiliser le type de déclencheur « Clic – Liens uniquement » et restreindre son déclenchement aux seuls cas où la classe css du lien corresponds bien à celle que nous avions noté lors du test en mode prévisualisation.
A ce stade tout est maintenant prêt pour créer la balise qui va envoyer à GA4 l’événement correspondant à ce clic d’appel sur le site.
4 / Création de la balise d’événement dans GTM
Comme pour les déclencheurs il faut passer par le bouton « Nouvelle » de la section « Balises » de GTM. Nous sélectionnons la balise prédéfinie pour les suivis d’événements GA4 et l’associons à la balise GA4 principale déjà présente dans GTM.
Si vous n’avez pas l’habitude de créer des balises d’événements pour GA4 gardez en tête qu’elles doivent toujours être associées à une balise principale. De plus cette association ne peut se faire qu’avec une seule. Cela signifie que si vous avez plusieurs GA4 sur un même site et que vous souhaitez envoyer le même événement à chacun d’eux il faudra créer plusieurs fois la même balise d’événement.
Côté configuration il ne reste qu’à nommer l’événement (à y ajouter des paramètres complémentaires si vous le souhaitez) et à ajouter le déclencheur que nous avons précédemment crée.
5 / Vérification de la configuration
Pour que cette nouvelle balise de suivi d’évènements soit bien active sur le site il faudra comme toujours redéployer GTM pour que les changements que nous y avons fait soient pris en compte. Mais avant cela il reste intéressant de bien vérifier que notre configuration fonctionne. Nous allons pour ça d’une part lancer de nouveau le mode prévisualisation de GTM et d’autre part activer le mode « debug » de la propriété GA4 qui doit recevoir l’événement.
Dans ces conditions nous simulons de nouveau l’action de clic sur le bouton que nous voulions suivre et, si tout a fonctionné comme prévu, nous devons d’une part voir notre balise se déclencher dans la prévue de GTM et surtout voir notre événement arriver à GTM dans la fenêtre de debug.
Si ce test fonctionne vous pouvez donc lancer votre déploiement GTM et votre suivi sera terminé.
Côté GA4 vous commencerez à voir votre événement remonter sous 24 heures dans les rapports correspondants comme celui dédié aux suivis d’événements.
Il ne vous reste plus qu’a reproduire les mêmes étapes pour les autres suivis de clics que vous souhaitez envoyer à votre GA4 pour compléter vos analyses.
