Tag Manager côté serveur vous permet de transférer vos balises de suivi des conversions Google Ads de la page Web vers le serveur. Déplacer ces tags sur le serveur réduit la quantité de code à exécuter sur la page et contribue à améliorer sa vitesse de chargement. Cet article explique comment configurer votre conteneur Web et serveur Tag Manager pour utiliser le suivi des conversions Ads.
Avant de commencer
Dans cet article, nous partons du principe que vous avez déjà:
- Droits d'administrateur dans Google Ads et Google Tag Manager
- Configurer Google Tag Manager
- Créé un conteneur serveur
- Configurer le client Google Analytics: GA4
Étape 1: Configurez la balise Conversion Linker
Pour autoriser Google Ads à envoyer des données à Tag Manager, vous devez configurer la balise Conversion Linker.
Si vous avez déjà configuré une balise Conversion Linker dans votre conteneur serveur, vous pouvez ignorer cette étape.
Pour configurer la balise Conversion Linker:
- Dans l'espace de travail de votre conteneur serveur, ouvrez le menu Balises à gauche de la page.
- Cliquez sur Nouveau pour ajouter une balise.
- Sélectionnez le type de balise Conversion Linker.
- Configurez le déclencheur qui activera la balise Conversion Linker côté serveur.
Dans la plupart des cas, le déclencheur Toutes les pages est la meilleure option. - Attribuez un nom à la balise, puis cliquez sur Enregistrer.
Étape 2: Configurez un événement de conversion
Pour configurer un événement de conversion, vous devez:
- configurer Google Analytics afin qu'il reconnaisse un événement en tant qu'action de conversion ;
- Configurez un tag d'événement GA4 Google Analytics dans le conteneur Web Tag Manager pour envoyer des événements de conversion.
Si vous avez déjà configuré des événements de conversion et que vous avez seulement besoin d'implémenter la balise de serveur, passez directement à l'étape 3.
Configurer Google Analytics pour reconnaître les événements de conversion personnalisés
Pour définir un nouvel événement de conversion dans Google Analytics:
- Ouvrir Google Analytics 4
- Ouvrez le menu Administration
en bas à gauche. - Dans la liste des paramètres de la propriété, sélectionnez
Conversions. - Cliquez sur le bouton Nouvel événement de conversion et ajoutez le nom de l'événement de conversion.
Il peut s'agir d'un nom d'événement recommandé ou d'un événement personnalisé.
- Enregistrez le nom de l'événement.
Configurer un événement de conversion dans Google Tag Manager
Si la conversion est déclenchée par un événement Page vue, passez directement à l'étape 3.
Pour configurer un événement de conversion:
Dans votre espace de travail conteneur Web, ajoutez un tag Google Analytics: Événement GA4.
Dans Balise de configuration, sélectionnez la balise Google pour votre site Web.
Saisissez le nom de l'événement de conversion.
Étape 3: Configurez la balise de suivi des conversions Ads dans le conteneur serveur
Pour configurer la balise de suivi des conversions Ads:
- Dans l'espace de travail de votre conteneur serveur, ouvrez le menu Balises à gauche de la page.
- Cliquez sur Nouveau pour ajouter une balise.
Sélectionnez le type de balise de suivi des conversions Google Ads.
Saisissez les informations de conversion requises (ID et libellé de conversion). Vous pouvez trouver ces valeurs dans votre compte Google Ads.
Dans le menu Déclenchement, sélectionnez un déclencheur existant s'il correspond à votre cas d'utilisation. Si aucun déclencheur préexistant ne répond à vos besoins, créez un déclencheur personnalisé
.Pour déclencher la balise lors d'un événement personnalisé :
- Sélectionnez le déclencheur Événement personnalisé.
- Saisissez le nom d'événement qui correspond à celui utilisé dans le tag Google Analytics: Événement GA4.
Pour ne déclencher la diffusion que sur des URL spécifiques:
- Sélectionnez l'option de déclenchement sur Certains événements personnalisés.
- Ajoutez la variable URL de la page pour qu'elle corresponde à l'URL avec laquelle la balise doit se déclencher.
Attribuez un nom à la balise, puis cliquez sur Enregistrer.
Facultatif: définir une valeur de conversion
Vous pouvez spécifier une valeur de conversion différente de celle du paramètre value par défaut, par exemple si vous stockez des données tarifaires dans une autre base de données.
Pour spécifier une base différente pour calculer la valeur de conversion, vous devez configurer une variable afin d'extraire les données de votre base de données et de l'attribuer à votre balise de suivi des conversions Ads.
Pour créer une variable:
- Dans votre conteneur serveur, ouvrez le menu Variables.
- Créez une variable définie par l'utilisateur pour l'entrée de données. Par exemple, si vous souhaitez utiliser une valeur provenant d'une base de données Firestore, créez une variable {{Firestore Lookup}}.
- Spécifiez les sources de données de la variable.
- Attribuez un nom à la variable (par exemple, "Recherche de bénéfices", puis cliquez sur Enregistrer).
Configurez des valeurs de conversion personnalisées dans la balise de suivi des conversions Ads:
- Dans votre conteneur serveur, ouvrez le menu Balises.
- Modifiez une balise de suivi des conversions Google Ads existante ou créez-en une.
Pour configurer une valeur de conversion personnalisée, spécifiez les deux champs suivants:
- Valeur de conversion: saisissez un montant fixe ou spécifiez la variable que vous avez créée précédemment.
- Code de devise
Enregistrez la balise.
Étape 4: Suivi avancé des conversions
Si vous n'utilisez pas le suivi avancé des conversions, passez directement à l'étape Valider votre configuration.
Pour configurer le suivi avancé des conversions, procédez comme suit.
Configurer une variable de données fournies par l'utilisateur
Il existe trois façons d'implémenter le suivi avancé des conversions dans Tag Manager. Il vous suffit de choisir une option afin de collecter les données fournies par l'utilisateur.
| Collecte automatique | Configuration manuelle | Configuration du code | |
|---|---|---|---|
| Méthode de collecte | Collecte automatiquement les données fournies par les utilisateurs en fonction du code de votre site Web. Si vous avez besoin de contrôler où collecter les entrées, optez pour une configuration manuelle ou par code. |
Spécifiez certaines propriétés CSS ou variables JavaScript pour collecter les données fournies par l'utilisateur. Si vous devez contrôler le hachage et la mise en forme des données, optez pour la configuration avec code. |
Ajoutez à votre site Web un extrait de code qui envoie les données client hachées pour la mise en correspondance. Cette méthode est idéale pour optimiser la précision du suivi avancé des conversions, car elle vous permet d'envoyer des données correctement formatées chaque fois que votre balise de conversion se déclenche. |
| de la complexité | Simple | Moyenne | Complexe |
| Compétences | Ne nécessite aucune compétence particulière | HTML et CSS | Développement Web |
Collecte automatique
- Dans votre conteneur Web, ouvrez le menu Variables.
- Créez une variable définie par l'utilisateur de type Données fournies par l'utilisateur.
- Définissez le Type sur Collecte automatique.
- Nommez la variable (par exemple,
My user-defined data). - Cliquez sur Enregistrer.
Configuration manuelle
- Dans votre conteneur Web, ouvrez le menu Variables.
- Créez une variable définie par l'utilisateur de type Données fournies par l'utilisateur.
- Définissez le type sur Configuration manuelle.
En ce qui concerne le champ pertinent des données utilisateur que vous souhaitez fournir via le suivi avancé des conversions, ajoutez une variable nouvelle ou existante.
Pour préciser un élément du DOM, sélectionnez Nouvelle variable > Configuration de la variable > Élément DOM.
Sous Mode de sélection, vous pouvez utiliser un sélecteur CSS ou un ID. Conseil: Si vos variables CSS changent fréquemment, ajoutez un ID HTML à votre site et utilisez la variable d'ID.
Saisissez le sélecteur CSS ou le nom de l'ID. Vous pouvez laisser le champ "Nom de l'attribut" vide.
Attribuez un nom à la variable d'élément DOM, puis cliquez sur Enregistrer. Votre écran revient alors aux paramètres Données fournies par l'utilisateur.
Nommez la variable Données fournies par l'utilisateur (par exemple,
My user-defined data).Cliquez sur Enregistrer.
Configuration avec code
Étape 1 : Identifiez et définissez les variables pour le suivi avancé des conversions
Vous pouvez envoyer soit des données non hachées, que Google hachera avant qu'elles ne parviennent aux serveurs, soit des données préhachées. Si vous envoyez des données préhachées, veuillez les encoder à l'aide de l'algorithme SHA256 encodé en hexadécimal. Dans les deux cas, fournissez au moins l'un des champs suivants : "email" ou "phone_number".
Pour transmettre les données non hachées à la couche de données:
Sur votre site Web, stockez les données fournies par l'utilisateur en tant que paires clé/valeur dans une variable JavaScript. Exemple :
var leadsUserData = { 'email': 'name@example.com', 'phone_number': '+11234567890', 'address': { first_name: 'John', last_name: 'Doe', street: '123 Lemon', city: 'Some city', region: 'CA', country: 'US', postal_code: '12345', }, };Envoyez les données utilisateur avec un événement utilisant dataLayer.push(). Exemple:
<script> dataLayer.push({ 'event': 'formSubmitted', 'leadsUserData': { 'email': 'name@example.com', 'phone_number': '+11234567890', 'address': { first_name: 'John', last_name: 'Doe', street: '123 Lemon', city: 'Some city', region: 'CA', country: 'US', postal_code: '12345', }, }, }); <script>
La variable leadsUserData est désormais disponible dans Google Tag Manager.
Pour transmettre les données préhachées à la couche de données :
Sur votre site Web, hachez les données fournies par l'utilisateur à l'aide de l'algorithme SHA256 encodé en hexadécimal. La clé des données encodées doit commencer par
sha256_. Exemple :{'sha256_email_address':await hashEmail(email.trim()), }Envoyez les données utilisateur avec un événement à l'aide de
dataLayer.push(). L'exemple ci-dessous montre une implémentation de la couche de données qui suppose que vous avez vous-même écrit une fonction de hachage, que vous exécutez de manière asynchrone.<script> dataLayer.push({ 'event': 'formSubmitted', 'leadsUserData': { 'sha256_email_address': await hashEmail(email.trim()), 'sha256_phone_number': await hashPhoneNumber(phoneNumber), 'address': { sha265_first_name: await hashString(firstname), sha256_last_name: await hashString(lastname), sha256_street: await hashString(streetAddress), postal_code: '12345', }, }, }); <script>
La variable leadsUserData est désormais disponible dans Google Tag Manager.
Étape 2: Créez la variable de données fournies par l'utilisateur
- Dans votre conteneur Web, ouvrez le menu Variables.
- Créez une variable définie par l'utilisateur de type Données fournies par l'utilisateur.
- Définissez le type sur Code.
- En ce qui concerne le champ pertinent des données utilisateur que vous souhaitez fournir, cliquez sur le menu déroulant, puis sélectionnez Nouvelle variable.
- Sous Sélectionner un type de variable, sélectionnez Variable de couche de données.
- Dans la Variable de couche de données, faites référence aux données utilisateur stockées. Exemple :
leadsUserData. - Attribuez un nom à la variable de couche de données, puis cliquez sur Enregistrer. Votre écran revient alors aux paramètres Données fournies par l'utilisateur.
- Nommez la variable Données fournies par l'utilisateur (par exemple,
My user-defined data). - Cliquez sur Enregistrer.
Attribuer la variable à la balise Google
- Dans votre conteneur Web, ouvrez le menu Balises.
- Modifiez la balise Google que vous utilisez pour envoyer des données au serveur de taggage.
- Sous Paramètres de configuration, ajoutez un nouveau paramètre de configuration appelé
user_data. Définissez le champ Valeur sur la variable Données fournies par l'utilisateur (par exemple,{{My user-provided data}}). Enregistrez les modifications. Votre balise doit se présenter comme suit:
Configurer la balise de suivi des conversions des annonces côté serveur
Pour activer le suivi avancé des conversions dans votre conteneur serveur:
- Dans l'espace de travail de votre serveur, ouvrez le menu Tags.
- Modifiez la balise de suivi des conversions Google Ads.
- Cochez la case Inclure les données fournies par l'utilisateur.
- Appuyez sur Enregistrer pour enregistrer vos modifications.
Étape 5: Validez votre configuration
Une fois que vous commencez à envoyer des données avec le conteneur serveur, vous pouvez vérifier s'il fonctionne correctement en procédant comme suit:
- Ouvrez votre site Web.
- Dans votre conteneur serveur Google Tag Manager, sélectionnez Prévisualiser. Tag Assistant démarre et charge votre conteneur serveur.
- L'onglet Balises affiche toutes les balises qui ont été déclenchées. Vérifiez si la balise que vous avez configurée s'est déclenchée.
- L'onglet Console affiche les erreurs survenues lors de la transmission des données au conteneur serveur. Recherchez les erreurs éventuelles et corrigez-les.
Pour obtenir de l'aide sur le débogage des conteneurs Tag Manager, consultez l'aide sur la prévisualisation et le débogage.
Étapes suivantes
Une fois que votre balise de suivi des conversions Google Ads fonctionne comme prévu, vous pouvez supprimer toutes les balises de suivi des conversions Ads équivalentes dans un conteneur Web afin d'éviter la duplication des données.
Si vous utilisez également des campagnes de remarketing Google Ads et souhaitez les mesurer via le taggage côté serveur, configurez le remarketing Google Ads.