Disposer de données fiables dans le serveur Google Tag Manager est essentiel pour un balisage précis côté serveur. L’un des moyens les plus populaires pour envoyer des données du Web au serveur GTM est Google Analytics 4. GA4 a ses limites. C’est pourquoi nous avons créé Data Tag et Data Client qui doivent fonctionner ensemble pour fournir des données d’événements et d’utilisateurs du Web au serveur GTM.
Dans cet article, je souhaite vous montrer comment utiliser Data Tag. Cette balise personnalisée envoie des paramètres du conteneur Web Google Tag Manager au conteneur serveur. Lorsqu’il est utilisé avec Data Client pour le conteneur serveur Google Tag Manager, il permet d’envoyer des variables de couche de données, des paramètres personnalisés et d’autres données du Web vers le conteneur serveur. Par conséquent, Data Client récupère les informations de Data Tag dans les événements du serveur Google Tag Manager.
1. Ouvrez la section Modèles de votre conteneur Web Google Tag Manager et ajoutez une balise de données depuis la galerie de modèles.
2. Ouvrez la section Balises, cliquez sur Nouvelle et configurez la balise de données.
3. Configurez la balise de données pour l’événement PageView:
a. Sélectionnez le nom de l’événement. Vous pouvez sélectionner un nom d’événement standard, ajouter un nom d’événement personnalisé ou ajouter un nom d’événement dynamique avec la variable {{Event}}.
b. Ajoutez l’URL côté serveur GTM et cliquez sur Enregistrer. Vous pouvez trouver votre URL côté serveur GTM dans le compte stape.io en ouvrant le conteneur sGTM et en consultant la section Domaine.
c. Envoyer tout depuis la couche de données enverra toutes les informations dont vous disposez dans la couche de données Web GTM aux données des événements GTM du serveur.
d. Envoyer des données communes ajoute à la requête page_location, page_path, page_hostname, page_referrer, page_title, page_encoding, screen_resolution, viewport_size.
e. Ajouter un statut de consentement ajoute l’objet consent_state à la requête. Les propriétés suivantes sont incluses : ad_storage, analytics_storage, functional_storage, personalization_storage, security_storage.
f. Données d’événement permet d’ajouter des données manuelles à la requête. Vous pouvez également appliquer une transformation (hachage, découpage, etc.) ou stocker des données.
g. Données utilisateur permet d’envoyer des paramètres utilisateur et d’appliquer une transformation ou de stocker des données.
4. Configurez la balise de données pour d’autres événements. L’exemple ci-dessous montre comment configurer des événements d’e-commerce lorsque la couche de données est disponible.
Cette balise déclenche chaque événement d’e-commerce dans la couche de données. Étant donné que tous mes événements d’e-commerce se terminent par _stape, j’utilise une expression régulière qui inclut tous les événements contenant _stape.
Exemple de variable qui extrait les données utilisateur de la couche de données.
6. Ouvrez votre conteneur serveur Google Tag Manager.
Accédez à l’onglet Modèles → Cliquez sur Nouveau sous la section Clients.
7. Cliquez sur les 3 points dans le coin supérieur droit → Importer les données client (téléchargées depuis GitHub) → Cliquez sur Enregistrer.
8. Accédez à l’onglet Clients et cliquez sur Nouveau. Choisissez Données client. Cliquez sur Enregistrer.
9. Ouvrez les débogueurs GTM Web et serveur et testez la configuration. Vous devriez voir la balise de données déclenchée dans le conteneur GTM Web et les requêtes de la balise de données analysées par les données client dans le sGTM.
Le premier cas d’utilisation qui vient à l’esprit est l’envoi d’une couche de données du conteneur Web au serveur. À l’aide de ces données, vous pouvez alimenter vos balises côté serveur avec des paramètres supplémentaires.
Dans la capture d’écran ci-dessous, j’ai utilisé ces paramètres pour envoyer la couche de données au conteneur serveur :
Cette balise de données se déclenche sur tous les événements d’e-commerce avancés.
Dans le mode Aperçu du conteneur serveur, vous verrez que Data Tag a envoyé des demandes sur tous les événements d’e-commerce et que Data Client a reçu et traité ces demandes à l’intérieur du conteneur serveur. Si vous cliquez sur le nom de l’événement et vérifie event_data, vous devriez voir tous les paramètres de la couche de données Web.
Supposons que vous souhaitiez envoyer des données utilisateur telles que le prénom, le nom ou l’adresse e-mail à l’API Conversions de Facebook pour augmenter la qualité de votre correspondance d’événement. Vous pouvez utiliser Data Tag à cette fin. Si vous utilisez notre balise pour configurer une balise de l’API Conversions de Facebook, la balise FB capturera automatiquement les données utilisateur à partir de Data Tag.
J’ai envoyé l’adresse e-mail, le prénom et le nom de l’utilisateur avec les événements de paiement dans les exemples ci-dessous. J’ai ajouté les données utilisateur à la balise de données dans le conteneur Web de Google Tag Manager. J’utilise des paramètres statiques pour le test. Toutefois, vous pouvez transmettre ces paramètres de manière dynamique à l’aide de variables. Notre balise Facebook capture automatiquement les paramètres utilisateur du client de données et envoie des informations hachées à Facebook.
Pour vérifier si Facebook a reçu ces paramètres, vous pouvez ajouter l’identifiant de test Facebook à la balise du serveur Facebook et vérifier quels paramètres Facebook voit dans l’outil de test du gestionnaire d’événements.
Vous pouvez envoyer des données depuis le conteneur Web de Google Tag Manager vers votre CRM, Slack, webhooks, etc. Cet exemple vous montre comment envoyer des informations sur un nouvel achat sur votre site vers le canal Slack.
1. Assurez-vous d’envoyer les informations correctes depuis le conteneur Web de Google Tag Manager à l’aide de Data Tag.
3. Dans le conteneur serveur, créez une nouvelle balise et choisissez un type de balise Requête HTTP.
4. Dans l’URL de destination, ajoutez l’URL que vous avez générée sur Slack.
5. Méthode HTTP POST.
6. Dans le corps de la requête, ajoutez le texte et les paramètres que vous souhaitez envoyer à Slack.
{“text”: “New Purchase \n email: {{email}} \n transation_id: {{transaction ID}} \n purchase_value: {{transaction ID}}”}
Si vous travaillez assez souvent avec Google Tag Manager, il est déjà arrivé que la couche de données (ou toute autre variable) doive être transmise d’une page de votre site à une autre.
Malheureusement, Google Tag Manager ne propose pas d’option permettant de stocker des données et de les transmettre entre les pages du site. Par exemple, il est possible d’envoyer un e-mail à un utilisateur uniquement s’il existe sur la page. Mais que se passe-t-il si les données utilisateur ne sont pas disponibles sur la page de remerciement et qu’elles ne peuvent être capturées qu’à partir de la page précédant la page de remerciement ?
À l’aide d’une balise de données, vous pouvez stocker toutes les variables que vous souhaitez transmettre à d’autres pages.
À titre d’exemple, je vais utiliser une évaluation créée avec Instapage. Nous devions configurer un événement de lead pour l’API de conversion Facebook. Lors de la soumission de l’évaluation, l’utilisateur devait saisir des informations telles que son adresse e-mail, son numéro de téléphone, son prénom, etc. Ces informations sur l’utilisateur étaient disponibles sur les pages d’évaluation, mais pas sur la page de remerciement.
Pour obtenir un score de qualité de correspondance d’événement élevé sur Facebook, vous devez envoyer des paramètres utilisateur avec l’événement CAPI. C’est pourquoi j’ai utilisé Data Tag pour stocker les données utilisateur dans le stockage local. J’ai créé un Data Tag pour l’application de soumission qui récupère les paramètres utilisateur de la couche de données et les stocke au niveau local. Cette balise se déclenche lorsqu’un utilisateur clique sur le bouton de soumission de l’évaluation.
Pour activer le stockage des données dans la balise de données, sélectionnez l’option de stockage à côté des données que vous souhaitez stocker.
Ensuite, j’ai ajouté un nouveau type de variable dans le conteneur Web (vous pouvez le télécharger en suivant ce lien). Créez de nouvelles variables pour toutes les données que vous avez stockées.
Pour finir, j’ai créé une balise de données Lead qui envoie les données stockées au conteneur serveur.
Vous pouvez utiliser un Data Client pour récupérer toutes les requêtes entrantes. Pour ce faire, vous devez modifier les paramètres du chemin. Il peut être utilisé, par exemple, pour récupérer des données à partir de Webhooks. Vous pouvez consulter cet article qui décrit comment utiliser les webhooks entrants.
Si vous ne voyez pas les requêtes de la balise de données dans le conteneur serveur, cela peut être dû à la raison suivante: le client de données n’est pas publié. Ouvrez le conteneur serveur et publiez le client de données.
Data Tag et Data Client vous fourniront une source d’informations solide pour alimenter les balises que vous utilisez dans le conteneur serveur. Grâce à cette balise, vous pouvez accélérer le déploiement de nouvelles technologies et de nouveaux outils de suivi côté serveur. Cette balise permettra d’économiser du temps et de l’argent aux services informatique et marketing: tout le monde y gagne!
Nous pouvons vous aider! Cliquez sur Obtenir de l'aide, remplissez le formulaire, et nous vous enverrons un devis.
