Résoudre les problèmes courants de mise en forme des paramètres personnalisés

Cet article explique comment mettre en forme vos paramètres personnalisés et résoudre les problèmes concernant l'ajout de la balise à votre site. Il inclut des instructions décrivant comment insérer le code JavaScript et d'autres éléments dans votre site Web, et les situations fréquentes dans lesquelles le code peut être confus.

Avant de commencer

Pour commencer à utiliser des paramètres personnalisés, commencez par lire l'article intitulé Ajouter la balise de remarketing dynamique à un site.

Remarque concernant les esperluettes (&)

Les esperluettes doivent être encodées sous la forme "&amp;" dans le code HTML (dans l'attribut <img> src), mais pas dans le code JavaScript. Il est fréquent que les balises et les conteneurs qui autorisent la superposition des pixels (comme Floodlight) attendent des URL non encodées en HTML. Cela conduit à des erreurs de double encodage des esperluettes et à un suivi incorrect. Veillez à utiliser les URL appropriées en fonction du contexte. Si vous ne savez pas quel format choisir, utilisez l'extension Chrome Google Tag Assistant afin de valider votre intégration.

Google Tag Manager

Vous pouvez utiliser Google Tag Manager au lieu d'ajouter les balises de remarketing dynamique à votre site. Si vous activez cette option, les données de la balise sont acheminées par l'intermédiaire d'un tiers (Google).

Mettre en forme les paramètres personnalisés

  • Pour les pages contenant plusieurs ID, comme les pages de panier d'achat, utilisez des crochets pour regrouper des ID. Example : flight_destid: ["123", "456"]
  • Utilisez des apostrophes ou des guillemets pour les paramètres personnalisés de chaînes. Les apostrophes et les guillemets fonctionnent de manière identique, mais leur utilisation doit toujours être cohérente. Exemple : si vous choisissez d'utiliser des apostrophes, utilisez-les pour toutes les valeurs.
  • N'utilisez pas d'apostrophes ou de guillemets pour les paramètres personnalisés numériques. Exemple : flight_totalvalue: 200.99
  • Séparez les paramètres avec des virgules. Si vous oubliez les virgules, la balise ne fonctionnera pas correctement.
  • Les paramètres personnalisés peuvent contenir des lettres, des chiffres et des traits de soulignement. Ils ne doivent ni commencer par un chiffre, ni inclure des espaces.
  • Afin de garantir une configuration optimale, utilisez les valeurs recommandées dans cet article, car elles forment des listes déjà créées par Google Ads lors de la configuration de votre campagne de remarketing dynamique. Vous pouvez configurer des valeurs supplémentaires pour définir d'autres pages spécifiques à votre site.

Exemples de paramètres personnalisés

Voici l'exemple du site Web d'une compagnie aérienne, après l'intégration de tous les paramètres personnalisés de base.

Section du site Extrait de la balise de paramètre personnalisé Remarques
Accueil <script type="text/javascript">
var google_tag_params = {
flight_destid: "",
flight_pagetype: "home",
flight_totalvalue:
};
</script>
Sur la page d'accueil, vous avez des informations relatives au type de page.

Même si ces pages peuvent ne pas proposer d'informations sur les produits ou services, Google Ads peut malgré tout extraire de votre flux des produits et services susceptibles d'attirer les utilisateurs.
Page des résultats de recherche <script type="text/javascript">
var google_tag_params = {
flight_destid: "",
flight_pagetype: "searchresults",
flight_totalvalue:
};
</script>
La page des résultats de recherche contient des informations sur le type de la page.
Page de détail d'une offre <script type="text/javascript">
var google_tag_params = {
flight_destid: "123",
flight_pagetype: "offerdetail",
flight_totalvalue: 99.00
};
</script>
Dans la page de détail d'une offre, vous pouvez renseigner dynamiquement des informations sur le produit ou le service consulté. Utilisez le même ID que dans votre flux.
Page de panier Une destination
<script type="text/javascript">
var google_tag_params = {
flight_destid: "123",
flight_pagetype: "cart",
flight_totalvalue: 120.00
};
</script>


Plusieurs destinations
<script type="text/javascript">
var google_tag_params = {
flight_destid: ["SFO", "SJC", "NYC", "LAX"],
flight_pagetype: "cart",
flight_totalvalue: [120.00, 300.00, 500.00, 900.00]
};
</script>
Tous les articles du panier doivent être envoyés vers la page du panier. Si le paramètre comporte plusieurs valeurs, utilisez une matrice JavaScript (entre crochets). Vous devez envoyer la somme des valeurs du panier vers le paramètre "xxxxxxxx_totalvalue".
Page d'achat Une destination
<script type="text/javascript">
var google_tag_params = {
flight_destid: "123",
flight_pagetype: "purchase",
flight_totalvalue: 120.00
};
</script>


Plusieurs destinations
<script type="text/javascript">
var google_tag_params = {
flight_destid: ["SFO", "SJC", "NYC", "LAX"],
flight_pagetype: "purchase",
flight_totalvalue: [120.00, 300.00, 500.00, 900.00]
};
</script>
Tous les produits achetés par un utilisateur doivent également apparaître sur la page de confirmation d'achat. La somme des valeurs contenues dans le panier ou dans la page de conversion doivent être envoyées vers le paramètre "xxxxxxxx_totalvalue".
Toutes les autres pages <script type="text/javascript">
var google_tag_params = {
flight_destid: "",
flight_pagetype: "other",
flight_totalvalue:
};
</script>
Pour toutes les autres pages, utilisez la valeur "other" pour le paramètre "xxxxxxxx_pagetype".

Même si ces pages peuvent ne pas proposer d'informations sur les produits ou services, Google Ads peut malgré tout extraire de votre flux des produits et services susceptibles d'attirer les utilisateurs.

Erreurs courantes lors de la configuration des paramètres personnalisés

Vous trouverez ci-dessous certaines erreurs fréquemment commises lors de l'intégration de paramètres personnalisés, présentées via l'exemple du site d'une compagnie aérienne. Si vous utilisez Tag Assistant, vous pourrez identifier la plupart de ces erreurs.

1. Les valeurs de chaîne ne sont pas placées entre guillemets. Par exemple :

<script type="text/javascript">
var google_tag_params = {
flight_destid: "234",
flight_pagetype: purchase,
flight_totalvalue: 120.99
};
</script>

Doit être remplacé par :

<script type="text/javascript">
var google_tag_params = {
flight_destid: "234",
flight_pagetype: "purchase",
flight_totalvalue: 120.99
};
</script>

Les apostrophes fonctionnent également, tant qu'elles sont utilisées de manière cohérente.

2. Les paramètres personnalisés ne sont pas séparés par une virgule (","). Par exemple :

<script type="text/javascript">
var google_tag_params = {
flight_destid: "234"
flight_pagetype: "purchase"
flight_totalvalue: 120.99
};
</script>

Doit être remplacé par :

<script type="text/javascript">
var google_tag_params = {
flight_destid: "234",
flight_pagetype: "purchase",
flight_totalvalue: 120.99
};
</script>

Le dernier paramètre personnalisé n'a pas besoin d'être suivi d'une virgule, mais la présence d'une virgule n'en gêne pas le fonctionnement.

3. Le paramètre contient des espaces ou des caractères non-ASCII. Seuls les caractères [a-z][0-9] et '_' sont acceptés. Par exemple :

<script type="text/javascript">
var google_tag_params = {
flight_destid: "234",
flight pagetype: "purchase",
flight_totalvalue: 120.99
};
</script>

Doit être remplacé par :

<script type="text/javascript">
var google_tag_params = {
flight_destid: 234,
flight_pagetype: "purchase",
flight_totalvalue: 120.99
};
</script>

4. Un paramètre contient plusieurs valeurs qui ne sont pas entre crochets. Par exemple :

<script type="text/javascript">
var google_tag_params = {
flight_destid: "123,"234",
flight_pagetype: "cart",
flight_totalvalue: 100,50
};
</script>

Doit être remplacé par :

<script type="text/javascript">
var google_tag_params = {
flight_destid: ["123","234"],
flight_pagetype: "cart",
flight_totalvalue: [100,50]
};
</script>

5. La valeur d'un paramètre n'est pas définie. Par exemple :

<script type="text/javascript">
var google_tag_params = {
flight_destid: ,
flight_pagetype: "other",
flight_totalvalue:
};
</script>
Doit être remplacé par :

 

<script type="text/javascript">
var google_tag_params = {
flight_destid: "0",
flight_pagetype: "other",
flight_totalvalue: "0"
};
</script>

ou simplement :

<script type="text/javascript">
var google_tag_params = {
flight_pagetype: "other"
};
</script>

6. La convention de nommage pour les paramètres personnalisés est incorrecte. Par exemple :

<script type="text/javascript">
var google_tag_params = {
destid: "234",
pagetype: "purchase",
totalvalue: 120.99
};
</script>

Doit être remplacé par :

<script type="text/javascript">
var google_tag_params = {
flight_destid: "234",
flight_pagetype: "purchase",
flight_totalvalue: 120.99
};
</script>

Utiliser des balises non JavaScript

Il est préférable d'utiliser la balise JavaScript plutôt que la balise d'image non JavaScript, car elle provoque moins d'erreurs d'intégration et répond à plusieurs objectifs HTML. La balise d'image non JavaScript est traitée comme une image. Puisque certains navigateurs Web mettent les images en cache pour réduire le temps de chargement des pages, la balise est activée seulement lors de la première visite d'un utilisateur, mais pas lors de ses visites suivantes. La version JavaScript de la balise résout ce problème.

Vous pouvez suivre ces instructions si vous souhaitez utiliser la partie non JavaScript de la balise (également connue sous le nom de balise d'image) ou si vous souhaitez obtenir une version plus courte de la balise. La balise d'image ne requiert pas la bibliothèque JavaScript (conversion.js). Le chargement de l'image et celui de la page s'effectuent en parallèle.

Vous devez personnaliser la partie non-JavaScript de la balise de remarketing afin qu'elle puisse encore transmettre des valeurs. Les données doivent être encodées manuellement.

Regardez la balise que vous venez de créer. Elle doit ressembler à l'exemple suivant :

<script type="text/javascript">
var google_tag_params = {
flight_destid: "REMPLACER_PAR_UNE_CHAÎNE",
flight_pagetype: "REMPLACER_PAR_UNE_CHAÎNE",
flight_totalvalue: REMPLACER_PAR_UNE_VALEUR_NUMÉRIQUE
};
</script>
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = XXXXXXXXXX;
var google_custom_params = window.google_tag_params;
var google_remarketing_only = true;
/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/XXXXXXXXXX/?value=0&amp;guid=ON&amp;script=0&amp;data.flight_destid=101&amp;
data.flight_destid=102
&amp;data.flight_pagetype=purchase"/>

</div>
</noscript>

Le texte mis en surbrillance correspond à la balise non JavaScript. Suivez ces étapes pour transmettre vos paramètres personnalisés par l'intermédiaire de la balise de remarketing :

1. Préparez les paramètres personnalisés (aussi appelés paires valeur/clé) que vous souhaitez transmettre à Google Ads. Les paires valeur/clé doivent être envoyées au format suivant :

data.key1=val1&data.key2=val2&data.key2=val3...

Par exemple, si vous souhaitez envoyer flight_destid=100 et flight_pagetype=purchase comme paramètres personnalisés, présentez-les comme suit :

data.flight_destid=100&data.flight_pagetype=purchase

Si une clé donnée comporte plusieurs valeurs (plusieurs ID de produit ou de service sur une page de panier, par exemple), ajoutez un paramètre data.flight_destid= pour chaque valeur supplémentaire.

data.flight_destid=101&data.flight_destid=102&data.flight_pagetype=cart

2. Annexez la chaîne à l'URL du pixel en tant que paramètre, puis encodez en HTML pour remplacer & par &amp;.

3. Après la modification, la balise "img src" finale ressemble à ceci :

//googleads.g.doubleclick.net/pagead/viewthroughconversion/XXXXXXXXXX/?value=0&guid=ON&script=0&amp;data.flight_destid%3D101&data.flight_destid=102
&data.flight_pagetype=purchase

4. Voici la balise d'image finale que vous pouvez ajouter à votre site. Elle vous offre la même fonctionnalité que la version JavaScript de la balise.

<img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/XXXXXXXXXX/?value=0&amp;guid=ON&amp;script=0&amp;data=flight_destid%3D101%2C102
%3Bflight_pagetype%3Dpurchase"/>
Ces informations vous-ont elles été utiles ?
Comment pouvons-nous l'améliorer ?