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

Le Tag Manager côté serveur vous permet de déplacer vos balises d'événement pour données fournies par l'utilisateur Google Ads de la page Web vers le serveur. Le déplacement de ces balises vers le serveur réduit la quantité de code que vous devez exécuter sur la page et contribue à améliorer la vitesse de chargement de la page. Ce document explique comment configurer votre conteneur Web et votre conteneur serveur Tag Manager pour utiliser la balise d'événement pour données fournies par l'utilisateur Google Ads.

Avant de commencer

Ce document suppose que vous disposez des éléments suivants :

• Droits d'administrateur dans Google Ads et Google Tag Manager
• Configuration de Google Tag Manager
• Création d'un conteneur serveur
• Configuration du 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 une balise Conversion Linker est déjà configurée 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 Balises sur le côté 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 déclenchera la balise côté serveur Conversion Linker.
   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 : Configurer la balise d'événement pour données fournies par l'utilisateur Google Ads dans le conteneur serveur

Pour configurer la balise d'événement pour données fournies par l'utilisateur Google Ads :

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

4. Saisissez les informations de conversion requises (ID de conversion). Vous trouverez 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é trigger .

   Pour déclencher la balise sur un événement personnalisé :

   1. Choisissez le déclencheur Événement personnalisé.
   2. Saisissez le nom de l'événement qui correspond à celui utilisé dans la balise Google Analytics : Événement GA4.

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

   1. Sélectionnez l'option permettant de déclencher la balise sur Certains événements personnalisés.
   2. Ajoutez la variable URL de la page pour qu'elle soit égale à l'URL sur laquelle la balise doit se déclencher.

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

Étape 3 : Configurer les données utilisateur

La balise s'appuie sur les données utilisateur disponibles dans l'événement, comme 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 avec code
Méthode de collecte	Collecte automatiquement les données fournies par l'utilisateur en fonction du code de votre site Web. Si vous souhaitez pouvoir contrôler où collecter les entrées, optez pour la 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 souhaitez pouvoir contrôler le hachage et le formatage 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 justesse du suivi avancé des conversions. En effet, elle vous permet d'envoyer des données correctement formatées 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. Attribuez un nom à 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. Ajoutez une variable nouvelle ou existante pour le champ pertinent des données utilisateur que vous souhaitez fournir par le biais du suivi avancé des conversions.

   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 plutôt que d'en créer d'autres. Si vous n'êtes pas sûr, 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 Sélecteur CSS ou 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. pour revenir aux paramètres Données fournies par l'utilisateur.

9. Attribuez un nom à 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 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 deux 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 en tant que 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 utilisant dataLayer.push(). L'exemple ci-dessous illustre l'implémentation d'une couche de données qui part du principe 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éer 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, puis sélectionnez Nouvelle variable.
5. Sous Sélectionner un type de variable, choisissez Variable de couche de données.
6. Dans Variable de couche de données, indiquez vos données utilisateur stockées Exemple : leadsUserData.
7. Attribuez un nom à la variable de couche de données, puis enregistrez-la. pour revenir aux paramètres Données fournies par l'utilisateur.
8. Attribuez un nom à 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 balisage.
3. Sous Paramètres de configuration, ajoutez un paramètre de configuration appelé user_data. Définissez la Valeur sur la variable Données fournies par l'utilisateur , par exemple {{My user-provided data}}.

4. Enregistrez les modifications. Votre balise devrait se présenter comme suit :

   

Étape 4 : Valider votre configuration

Une fois que vous commencez à envoyer des données avec le conteneur serveur, vous pouvez vérifier qu'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émarre et charge votre conteneur serveur.
3. L'onglet Balises affiche toutes les balises qui se sont déclenchées. Vérifiez que la balise que vous avez configurée s'est déclenchée.
4. L'onglet Console affiche toutes les erreurs qui se sont produites lors de la transmission des données au conteneur serveur. Recherchez les erreurs et corrigez-les.

Pour obtenir de l'aide sur le débogage des conteneurs Tag Manager, consultez la page d'aide sur la prévisualisation et le débogage.

Étapes suivantes

Une fois que votre balise d'événement pour données fournies par l'utilisateur Google Ads fonctionne comme prévu, vous pouvez supprimer toutes les balises d'événement pour données fournies par l'utilisateur Google Ads équivalentes dans un conteneur Web pour éviter la duplication des données.