Conversions Google Ads

Tag Manager côté serveur vous permet de déplacer vos balises de suivi des conversions Google Ads de la page Web vers le serveur. Déplacer ces balises vers le serveur réduit la quantité de code que vous devez exécuter sur la page et améliore la vitesse de chargement de la page. Ce document explique comment configurer votre conteneur Web Tag Manager et votre conteneur serveur pour utiliser le suivi des conversions Ads.

Avant de commencer

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

É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:

  1. Dans l'espace de travail de votre conteneur serveur, ouvrez le menu Tags sur la 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. Détails de la balise Conversion Linker

Étape 2: Configurez un événement clé

Pour configurer un événement clé, vous devez effectuer deux opérations:

  • Configurez Google Analytics pour qu'il reconnaisse un événement comme événement clé.
  • Configurez une balise "Google Analytics: Événement GA4" dans le conteneur Web Tag Manager pour envoyer des événements clés.

Si vous avez déjà configuré des événements clés et que vous n'avez qu'à implémenter la balise du serveur, passez à l'étape 3.

Configurer Google Analytics pour qu'il reconnaisse les événements clés personnalisés

Pour définir un nouvel événement clé dans Google Analytics:

  1. Ouvrir Google Analytics 4
  2. Ouvrez le menu Administration en bas à gauche.
  3. Dans la liste des paramètres de la propriété, sélectionnez Événements clés .
  4. Cliquez sur le bouton Nouvel événement clé, puis ajoutez le nom de l'événement clé. Il peut s'agir d'un nom d'événement recommandé ou d'un événement personnalisé.
  5. Enregistrez le nom de l'événement.

Configurer un événement clé dans Google Tag Manager

Si votre événement clé se déclenche sur un événement Page vue, passez à l'étape 3.

Pour configurer un événement clé:

  1. Ouvrir Google Tag Manager

  2. Dans votre espace de travail de conteneur Web, ajoutez un tag Google Analytics: Événement GA4.

  3. Dans Balise de configuration, sélectionnez la balise Google de votre site Web.

  4. Saisissez le nom de l'événement qui correspond à l'événement clé. Informations sur la balise d'événement GA4

Étape 3: Configurer la balise de suivi des conversions Ads dans le conteneur serveur

Pour configurer la balise Suivi des conversions Ads:

  1. Dans l'espace de travail de votre conteneur serveur, ouvrez le menu Tags sur le côté gauche de la page.
  2. Cliquez sur Nouveau pour ajouter une balise.

  3. Sélectionnez le type de balise Suivi des conversions Google Ads.

  4. Saisissez les informations de conversion requises (ID et libellé 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é le signe plus bleu.

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

    1. Sélectionnez 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. Détails du déclencheur d'événement personnalisé

    Pour ne déclencher le suivi 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 soit égale à l'URL sur laquelle la balise doit se déclencher.

  6. 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 du paramètre value par défaut, par exemple si vous stockez des données sur les prix 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 pour extraire des données de votre base de données et les attribuer à votre balise de suivi des conversions Ads.

Pour créer une variable:

  1. Dans votre conteneur serveur, ouvrez le menu Variables.
  2. Créez une variable définie par l'utilisateur pour la saisie des données. Par exemple, si vous souhaitez utiliser une valeur d'une base de données Firestore, créez une variable {{Recherche Firestore}}.
  3. Spécifiez les sources de données de la variable.
  4. Nommez la variable (par exemple, "Recherche de bénéfices"), puis cliquez sur Enregistrer.

Configurez des valeurs de conversion personnalisées dans la balise Suivi des conversions Ads:

  1. Dans votre conteneur serveur, ouvrez le menu Tags.
  2. Modifiez une balise de suivi des conversions Google Ads existante ou créez-en une.

  3. Pour configurer une valeur de conversion personnalisée, spécifiez ces deux champs:

    • Conversion value (Valeur de conversion) : saisissez un montant fixe ou spécifiez la variable que vous avez créée auparavant.
    • Code devise Suivi des conversions Ads avec la valeur de conversion

  4. Enregistrez la balise.

Étape 4: Suivi avancé des conversions

Si vous n'utilisez pas le suivi avancé des conversions, passez directement à la section Valider votre configuration.

Pour configurer le suivi avancé des conversions, suivez les étapes ci-dessous.

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 l'utilisateur 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 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 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.

  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 des 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 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 des 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': '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',
  },
};

  2. 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 :

  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é correspondant aux 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 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é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, puis sélectionnez Nouvelle variable.
  5. Sous Sélectionner un type de variable, sélectionnez 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, puis enregistrez-la. Votre écran revient alors aux paramètres des 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 balise doit se présenter comme suit:

    Capture d&#39;écran de la configuration finale de la balise Google faisant référence à la variable de données fournies par l&#39;utilisateur.

Configurer la balise de suivi des conversions Ads côté serveur

Pour activer le suivi avancé des conversions dans votre conteneur serveur:

  1. Dans votre espace de travail serveur, ouvrez le menu Tags.
  2. Modifiez la balise de suivi des conversions Google Ads.

  3. Appuyez sur Enregistrer pour enregistrer les modifications.

    alt_text

Étape 5: Valider 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:

  1. Ouvrez votre site Web.
  2. Dans votre conteneur de serveur Google Tag Manager, sélectionnez Aperçu. 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 supplémentaire pour déboguer des conteneurs Tag Manager, consultez Aide pour prévisualiser et déboguer.

É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 que vous souhaitez les mesurer à l'aide du taggage côté serveur, configurez le remarketing Google Ads.