Événement de données fournies par l'utilisateur Google Ads

Tag Manager côté serveur vous permet de transférer vos tags d'événement pour données fournies par l'utilisateur Google Ads depuis la page Web vers le serveur. Déplacer ces tags sur le serveur permet de réduire la quantité de code à exécuter sur la page et d'en accélérer le chargement. Ce document explique comment configurer votre conteneur Web et serveur Tag Manager afin d'utiliser le tag d'événement pour données fournies par l'utilisateur Google Ads.

Avant de commencer

Dans ce document, nous partons du principe que vous disposez des éléments suivants:

• Droits d'administration dans Google Ads et Google Tag Manager
• Configurer Google Tag Manager
• créé un conteneur serveur ;
• Configurer le client Google Analytics: GA4

Étape 1: Configurer 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:

1. Dans l'espace de travail de votre conteneur serveur, ouvrez le menu Tags situé à gauche de la page.
2. Cliquez sur Nouveau pour ajouter une balise.
3. Sélectionnez le type de balise Conversion Linker.
4. 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.
5. Attribuez un nom à la balise, puis cliquez sur Enregistrer.

Étape 2: Configurez le tag d'événement pour données fournies par l'utilisateur Google Ads dans le conteneur serveur

Pour configurer le tag d'événement pour données fournies par l'utilisateur Google Ads, procédez comme suit:

1. Dans votre espace de travail de conteneur serveur, ouvrez le menu Tags à gauche de la page.
2. Cliquez sur Nouveau pour ajouter une balise.
3. Sélectionnez le type de tag Événement pour données fournies par l'utilisateur Google Ads.

4. Saisissez les informations requises sur la conversion (ID de conversion). Vous pouvez trouver ces valeurs dans votre compte Google Ads.

5. 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é:

   1. Sélectionnez le déclencheur Événement personnalisé.
   2. Saisissez le nom d'événement correspondant à celui utilisé dans le tag Google Analytics: Événement GA4.

   Pour ne déclencher la diffusion que sur des URL spécifiques:

   1. Sélectionnez l'option de déclenchement sur Certains événements personnalisés.
   2. Ajoutez la variable URL de la page pour qu'elle corresponde à l'URL de déclenchement de la balise.

6. Attribuez un nom à la balise, puis cliquez sur Enregistrer.

Étape 3: Configurez les données utilisateur

La balise s'appuie sur les données utilisateur disponibles dans l'événement, comme pour le suivi avancé des conversions.

Configurer une variable de données fournies par l'utilisateur

Il existe trois méthodes pour 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 l'emplacement de collecte des entrées, optez pour une configuration manuelle ou avec 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 la mise en forme et le hachage des données, optez pour la configuration du 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 maximiser la précision du suivi avancé des conversions, car elle vous permet d'envoyer des données formatées de manière cohérente chaque fois que votre balise de conversion se déclenche.
Complexité	Simple	Moyenne	Complexe
Compétences	Ne nécessite aucune compétence particulière	HTML et CSS	Développement Web

Collecte automatique

1. Dans votre conteneur Web, ouvrez le menu Variables.
2. Créez une Variable définie par l'utilisateur de type Données fournies par l'utilisateur.
3. Définissez le Type sur Collecte automatique.
4. Nommez la variable (par exemple, My user-defined data).
5. Cliquez sur Enregistrer.

Configuration manuelle

1. Dans votre conteneur Web, ouvrez le menu Variables.
2. Créez une Variable définie par l'utilisateur de type Données fournies par l'utilisateur.
3. Définissez le Type sur Configuration manuelle.

4. 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.

   Remarque :Si votre couche de données comporte déjà des variables (que vous utilisiez des sélecteurs CSS ou d'autres types de variables), vous pouvez les sélectionner au lieu de créer des variables. En cas de doute, suivez les instructions. Les variables peuvent être hachées ou non hachées.

5. Pour préciser un élément du DOM, sélectionnez Nouvelle variable > Configuration de la variable > Élément DOM.

6. 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.

7. Saisissez le sélecteur CSS ou le nom de l'ID. Vous pouvez laisser le champ "Nom de l'attribut" vide.

8. Attribuez un nom à la variable d'élément DOM, puis enregistrez-la. Votre écran revient alors aux paramètres Données fournies par l'utilisateur.

9. Nommez la variable Données fournies par l'utilisateur (par exemple, My user-defined data).

10. 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 n'atteignent les serveurs, soit des données préhachées. Si vous envoyez des données préhachées, veuillez les encoder en utilisant 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:

1. Sur votre site Web, stockez les données fournies par l'utilisateur sous forme de paires clé-valeur dans une variable JavaScript. Exemple :

   var leadsUserData = {
     'email': '[e-mail]',
     'phone_number': '[phone]',
     'address': {
       first_name: 'John',
       last_name: 'Doe',
       street: '123 Lemon',
       city: 'Some city',
       region: 'CA',
       country: 'US',
       postal_code: '12345',
     },
   };
   

2. Envoyez les données utilisateur avec un événement utilisant dataLayer.push(). Exemple:

   <script>
     dataLayer.push({
       'event': 'formSubmitted',
       'leadsUserData': {
         'email': '[e-mail]',
         'phone_number': '[phone]',
         '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 :

1. 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()),
   }
   

2. Envoyez les données utilisateur avec un événement à l'aide de dataLayer.push(). L'exemple ci-dessous montre une implémentation de couche de données qui suppose que vous avez écrit vous-même 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

1. Dans votre conteneur Web, ouvrez le menu Variables.
2. Créez une Variable définie par l'utilisateur de type Données fournies par l'utilisateur.
3. Définissez le Type sur Code.
4. En ce qui concerne le champ pertinent des données utilisateur que vous souhaitez fournir, cliquez sur le menu déroulant et sélectionnez Nouvelle variable.
5. Sous Sélectionner un type de variable, choisissez Variable de couche de données.
6. Dans la Variable de couche de données, faites référence aux données utilisateur stockées. Exemple :leadsUserData
7. Attribuez un nom à la variable de couche de données et enregistrez-la. Votre écran revient alors aux paramètres Données fournies par l'utilisateur.
8. Nommez la variable Données fournies par l'utilisateur (par exemple, My user-defined data).
9. Cliquez sur Enregistrer.

Attribuer la variable à la balise Google

1. Dans votre conteneur Web, ouvrez le menu Balises.
2. Modifiez la balise Google que vous utilisez pour envoyer des données au serveur de taggage.
3. Sous Paramètres de configuration, ajoutez un nouveau paramètre de configuration appelé user_data. Définissez Valeur sur la variable Données fournies par l'utilisateur (par exemple, {{My user-provided data}}).

4. Enregistrez les modifications. Votre tag doit se présenter comme suit:

   

Étape 4: Validez votre configuration

Une fois que vous avez commencé à envoyer des données avec le conteneur serveur, vous pouvez vérifier s'il fonctionne correctement en procédant comme suit:

1. Ouvrez votre site Web.
2. Dans votre conteneur serveur Google Tag Manager, sélectionnez Prévisualiser. Tag Assistant démarrera et chargera votre conteneur serveur.
3. L'onglet Balises affiche toutes les balises qui ont été déclenchées. Assurez-vous que la balise que vous avez configurée s'est déclenchée.
4. L'onglet Console affiche toutes les erreurs survenues lors de la transmission de 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 tag d'événement pour données fournies par l'utilisateur Google Ads fonctionne comme prévu, vous pouvez supprimer tout tag d'événement pour données fournies par l'utilisateur Google Ads équivalent dans un conteneur Web afin d'éviter la duplication des données.