Pour commencer à tracker votre analytics GA4 via GTM server-side, il vous faut:
- Avoir une propriété GA4
- Avoir des accès de type “administrateur » sur un compte Google Tag Manager
- Avoir accès aux DNS de votre site, afin de pouvoir héberger le tag sur un sous-domaine.
Etape 1 : Hébergement
En ce qui concerne l’hébergement du conteneur GTM serveur, vous pouvez l’héberger sur :
- Google Cloud platform : c’est la solution proposé par défaut, son coût dépend du volume de trafic du site. GCP propose un Free Tier équivalent à 300$ de crédit de facturation, valable jusqu’à 90 jours. Au-delà de cette période ou de l’utilisation complète de ce crédit, le coût se situe entre 50$ et 150$ par mois en fonction du trafic du site et du nombre d’évènements envoyés au serveur.
- Environnement cloud type Amazon AWS, Microsoft Azure ou Cloud Run.
- Addingwell, qui est un hébergeur dédié à cela, que nous utiliserons dans notre démonstration.
Etape 2 : Création du conteneur GTM server-side
1/ Dans l’interface de Google tag manager, créez le conteneur Google Tag Manager de type serveur.
Pour ce type d’hébergement, il faut choisir la configuration manuelle :
Important: l’identifiant qui vous est fourni en tant que configuration de container est à garder pour les prochaines étapes de la configuration du serveur.
2/ Configuration de votre compte Addingwell
- Choisissez le sous domaine et le nom de votre url serveur :
- Configurez la partie DNS (Domain Name System) : il faut ajouter le domaine serveur précédemment créé au niveau des enregistrement DNS de votre entreprise.
- Une fois cela fait, une vérification manuelle par Addingwell sera faite pour approuver le compte.
- Pour finaliser la configuration côté GTM server side, retournez sur le container serveur et paramétrez l’URL du conteneur, en vous rendant dans le volet « Admin » du GTM et en renseignant l’URL choisie sur Addingwell au niveau du champ « URL des conteneurs de serveur » :
Etape 3 : Envoi de la donnée à Google Analytics
Pour comprendre le processus d’envoi de données en server-side, ci-dessous le schéma illustrant le flux des hits en conteneur-web et en conteneur-serveur:
Dans cette demo on va mettre en place le tag pages vues GA4.
Processus de mise en place :
1/ Créez une propriété GA4 dans l’interface Analytics et récupérer l’ID de mesure de cette propriété.
2/ Créez la balise de pages vue GA4 dans le conteneur client/web :
- Ajoutez l’ID de mesure de GA4
- Cochez la condition « Envoyer au conteneur de serveur » (cette fonctionnalité permet d’envoyer la donnée en server-side)
- Renseignez au niveau de l’URL serveur, l’URL du domaine serveur déjà créée (Étape 1)
3/ Créez la balise de pages vue GA4 dans le conteneur serveur :
- Créez les clients :
Rendez-vous au niveau de l’onglet « Client » pour créer ce client (par défaut le client GA4 est créé dans le GTM serveur)
- Créez les tags :
Rendez-vous au niveau de l’onglet « Balises » pour créer le tag GA4.
- Créez les déclencheurs :
Ajoutez le déclencheur en choisissant comme type de déclencheur « Personnalisé » et en le conditionnant pour qu’il se déclenche uniquement pour les événements GA4
Attention: l’intitulé de la condition du déclencheur « Client Name » doit toujours correspondre à l’intitulé de votre client au niveau de l’onglet « Client »
4/ Testez l’événement :
Les tests se font via le debug view de GTM au niveau des deux conteneurs serveur et web en mode preview (Important de lancer les deux preview mode au même moment pour vérifier la remontée de données dans les deux espaces) :
- Dans le conteneur web, vérifiez l’envoi de l’événement GA4 vers notre serveur :
- Dans le conteneur Serveur, vérifiez la réception de la requête depuis le conteneur web, puis l’envoi de la requête vers GA4 :
- Ensuite, vérifiez au niveau de l’interface Analytics de GA4 l’envoi de l’événement au niveau du debug view ou bien dans les rapports « temps réel ».
Etape 4 : Déploiement de la configuration GTM server-side:
Une fois que la recette est effectuée, publiez les deux conteneurs serveur et client pour rendre la nouvelle méthode de collecte de donnée active.
On espère que cet article vous aidera à mettre en place vos premiers événements en server-side. n’hésitez pas à nous contacter si vous souhaitez en discuter directement avec notre équipe. Retrouvez également notre article sur le fonctionnement du server side!