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

Nous avons amélioré Google Ads pour vous offrir un aperçu complet et unifié de vos audiences, et pour simplifier leur gestion et leur optimisation :

• Nouveaux rapports "Type d'audience"
  Les rapports détaillés sur les données démographiques, les segments et les exclusions de l'audience sont maintenant regroupés au même endroit. Cliquez sur l'icône Campagnes , puis ouvrez l'onglet "Audiences, mots clés et contenu". Cliquez ensuite sur Audiences. Vous pouvez aussi gérer facilement vos audiences à partir de cette page. En savoir plus sur les rapports "Type d'audience"
• Nouveaux termes
  Nous utilisons de nouveaux termes dans le rapport "Type d'audience" et dans Google Ads. Par exemple, l'expression "types d'audience" (incluant les audiences d'affinité, personnalisées et sur le marché) a été remplacée par "segments d'audience". Le terme "remarketing" a quant à lui été remplacé par "vos données". En savoir plus sur les nouveaux termes et expressions qualifiant l'audience

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, consultez d'abord 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 l'URL appropriée 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.

Utiliser 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 formeront les mêmes segments que ceux créés par Google Ads lors de la configuration de votre campagne de remarketing dynamique. Vous pouvez ajouter des valeurs pour définir d'autres pages propres à 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>	La page d'accueil contient des informations sur le 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 de 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 des détails d'une offre	<script type="text/javascript"> var google_tag_params = { flight_destid: "123", flight_pagetype: "offerdetail", flight_totalvalue: 99.00 }; </script>	Sur la page des détails 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	Destination unique <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 de confirmation d'achat	Destination unique <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 sur la page de conversion doit être envoyée 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 (",). 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 (aussi appelée balise d'image) ou 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 Google 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: "REPLACE_WITH_STRING_VALUE", flight_pagetype: "REPLACE_WITH_STRING_VALUE", flight_totalvalue: REPLACE_WITH_NUMBER_VALUE }; </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 les étapes ci-dessous pour envoyer vos paramètres personnalisés via la balise Google :

1. Préparez les paramètres personnalisés (aussi appelés clés-valeurs) que vous souhaitez transmettre à Google Ads. Les clés-valeurs 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 en tant que 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 &.

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&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"/>

Liens associés

• Ajouter la balise de remarketing dynamique à un site Web