Après que votre développeur Web a rédigé du code pour renseigner la variable "purchase-details", vous devez mettre à jour vos balises ou vos extraits d'événement Floodlight pour qu'ils puissent transmettre les données à Search Ads 360.
Si vous utilisez Google Tag Manager, vous devez mettre à jour votre conteneur de manière à utiliser les données que vous avez transmises au tableau ecommerce.purchase.products ou créer des macros qui transmettent les données à votre balise Floodlight.
Mettre à jour vos tags manuellement
Si vous transmettez directement les détails concernant les achats à une balise Floodlight, votre développeur Web a probablement ajouté la variable "purchase-details" à la page dans un objet JavaScript ou en tant que variable personnalisée dans le DOM.
Supposons, par exemple, que le développeur Web place la variable "purchase-details" dans un objet JavaScript nommé floodlightSpec. Dans ce cas, vous devez mettre à jour votre extrait d'événement Floodlight pour qu'il se présente comme suit :
<!--
Event snippet for Thank You on http://www.example.com/thanks: Please do not remove.
Place this snippet on pages with events you’re tracking.
Creation date: 11/01/2017
-->
<script>
gtag('event', 'purchase',
{
'allow_custom_scripts': true,
'send_to': 'DC-1234567/group1/thank123+transactions',
'transaction_id': floodlightSpec.sessionID,
'value': floodlightSpec.revenue,
'items': [
{ 'id': floodlightSpec.item[0].id,
'price': floodlightSpec.item[0].price,
'quantity': floodlightSpec.item[0].number
},
{ 'id': floodlightSpec.item[1].id,
'price': floodlightSpec.item[1].price,
'quantity': floodlightSpec.item[1].number
}
],
'country': floodlightSpec.country,
'language': floodlightSpec.lang
}
);
</script>
<noscript>
<img src="https://ad.doubleclick.net/ddm/activity/src=1234567;type=group1;cat=thank123;
qty=1;cost=floodlightSpec.revenue;dc_lat=;dc_rdid=;
tag_for_child_directed_treatment=;tfua=;npa=;
ord=floodlightSpec.sessionID;prd=i1:floodlightSpec.item[0].id|p1:floodlightSpec.item[0].price|q1:floodlightSpec.item[0].number|i2:floodlightSpec.item[1].id|p2:floodlightSpec.item[1].price|q2:floodlightSpec.item[1].number|c:floodlightSpec.country|l:floodlightSpec.lang?" width="1" height="1" alt="">
</noscript>
<!-- End of event snippet: Please do not remove -->
Remarque : Les extraits d'événement générés par Search Ads 360 incluent une balise <noscript> facultative qui contient un tag d'image Floodlight. Cette balise permet de comptabiliser les conversions dans les navigateurs qui ne sont pas compatibles avec JavaScript.
Utiliser Google Tag Manager pour mettre à jour vos tags
Google Tag Manager vous permet de gérer des tags sur votre site. Au lieu d'ajouter et de mettre à jour directement des tags sur votre site, vous pouvez effectuer ces opérations dans Google Tag Manager. Google Gestionnaire de balises crée alors des tags correctement formatés sur votre site, suivant les besoins. En savoir plus sur Google Tag Manager
Lorsque vous devez transmettre des données générées de façon dynamique, telles que des détails sur l'achat, à des tags gérés par Google Tag Manager, votre développeur Web peut procéder comme suit :
Utiliser les données de la couche de données
Si votre développeur Web a placé la variable "purchase-details" dans la couche de données, procédez comme suit pour transmettre les données à votre balise Floodlight :
- Utilisez la méthode dataLayer.push pour que les données soient disponibles dans la couche de données de Google Tag Manager.
-
Dans Google Tag Manager, accédez au conteneur de votre site.
-
Cliquez sur l'onglet Balises, puis sur la balise de transaction Floodlight qui fournit des informations sur les ventes.
-
Cliquez sur l'icône en forme de crayon
pour modifier le tag.
-
Sous "Création de rapports sur les produits", cochez la case Fournir des données sur les ventes au niveau des produits.
-
Dans la liste Source de données, sélectionnez Couche de données.
Google Tag Manager utilise automatiquement les données envoyées à la couche de données dans le tableau ecommerce.purchase.products. -
Cliquez sur Enregistrer.
pour modifier le tag.Utiliser une variable pour accéder à d'autres données
Si votre développeur Web a placé la variable "purchase-details" ailleurs que dans la couche de données, procédez comme suit pour transmettre les données à l'aide d'une variable Google Tag Manager (anciennement appelée "macro") :
-
Générez les données à un autre endroit (dans une variable DOM, par exemple).
-
Dans Google Tag Manager, accédez au conteneur de votre site.
-
Cliquez sur l'onglet Balises, puis sur la balise de transaction Floodlight qui fournit des informations sur les ventes.
-
Cliquez sur l'icône en forme de crayon
-
Sous "Création de rapports sur les produits", cochez la case Fournir des données sur les ventes au niveau des produits.
-
Dans la liste Source de données, sélectionnez l'une des options suivantes :
-
Variable JavaScript, si les données sont mises en forme en tant que variable JavaScript ;
-
Valeur au format Floodlight, si les données sont formatées sous la forme d'une chaîne.
-
-
Cliquez sur l'icône Ajouter une variable à côté du champ Données produit.
-
Cliquez sur le bouton Nouvelle variable dans l'angle supérieur droit.
-
Cliquez sur l'icône en forme de crayon
-
Choisissez le type de variable approprié. Si, par exemple, les données sont disponibles dans une variable JavaScript, sélectionnez Variable JavaScript.
-
Dans le champ suivant, indiquez le nom de l'objet contenant les données.
Voici un exemple de page qui génère la chaîne sous la forme d'une variable JavaScript globale :
<script> window.salesData="i1:sku-12345|p1:100.0|q1:1|i2:sku-67890|p2:20.0|q2:2" </script>
-
-
Attribuez un nom à la variable soit en modifiant l'espace de noms en haut de la page, soit en cliquant sur "Enregistrer" et en modifiant le nom dans la fenêtre suivante. Le nom doit s'afficher dans le champ "Données produit", entouré de doubles accolades.
-
Cliquez à nouveau sur Enregistrer pour mettre à jour la version brouillon de votre tag.