Suivi des conversions à l’aide d’une balise IMG

Si vous ne pouvez pas utiliser les balises de suivi des conversions basées sur JavaScript, vous pouvez utiliser une version non basée sur JavaScript. Une option consiste à utiliser une balise IMG.

Important

Si vous le pouvez, nous vous recommandons d’utiliser la version JavaScript de la balise de suivi des conversions. En savoir plus sur la balise de suivi des conversions JavaScript.

Suivi des conversions

Le suivi des conversions est une infrastructure Microsoft qui capture les données d’engagement des utilisateurs sur votre site web et permet d’accéder à des fonctionnalités telles que le suivi des conversions (par exemple, achats ou prospects), le ciblage de l’audience (par exemple, remarketing), l’enchérissement automatique et Microsoft Advertising pour le commerce. En savoir plus sur le suivi des conversions et la raison pour laquelle il s’agit d’une fonctionnalité importante pour le suivi des conversions et le remarketing dans Microsoft Advertising.

Nous vous recommandons d’utiliser la version JavaScript de la balise de suivi des conversions et de l’installer sur toutes les pages de votre site web. Les balises de suivi des conversions JavaScript capturent des données plus riches pour le suivi des conversions et le remarketing. Toutefois, si le balisage basé sur JavaScript n’est pas possible, vous pouvez utiliser une version non basée sur JavaScript. Vous pouvez ainsi utiliser une balise <img>.

Infrastructure d’événement de suivi des conversions

L’infrastructure de suivi des conversions définit plusieurs événements :

Chargement de page : Déclenché lors de toutes les visites de page.
Événement personnalisé : Déclenché sur des événements et des types de page spécifiques. Capture des données plus riches.

Plusieurs événements de suivi des conversions peuvent être déclenchés sur la même visite de page. utilise le paramètre mid pour connecter différents événements déclenchés sur la même page.

L’implémentation du suivi des conversions sans script ressemble à ceci :

Capturer et enregistrer msclkid dans un cookie interne sur votre site web. Celui-ci sera partagé avec tous les événements pageLoad et événements personnalisés.
Comprendre la définition d’événement pageLoad et la déclencher sur toutes les consultations de page.
Comprendre la définition d’événement personnalisée et la déclencher sur des pages spécifiques avec les paramètres requis. Chaque consultation de page n’aura qu’un seul événement pageLoad mais peut avoir plusieurs événements personnalisés.
Certains événements personnalisés doivent être déclenchés lorsque l’utilisateur effectue une action plutôt que lors du chargement de la page. Par exemple, lorsque l’utilisateur ajoute un produit à un panier, il est possible que la page ne s’actualise pas et que les détails de l’événement doivent être capturés après la sélection du bouton « Ajouter au panier ». Utilisez un mécanisme approprié pour déclencher cet événement de suivi des conversions.

Point de terminaison d’API

Le suivi des conversions active ce point de terminaison lorsqu’un événement est déclenché : https://bat.bing.com/action/0?
La réponse attendue est : 204

Paramètres à capturer

MSCLKID

MSCLKID est utilisé dans l’attribution de conversion et est généré au moment du clic publicitaire. Cet ID est ajouté à l’URL de la page de destination lorsque le balisage automatique de Microsoft Click ID est activé. Il doit être stocké dans un cookie interne sur votre site web et envoyé avec l’appel du suivi des conversions.

MSCLKID est un GUID tel que « cdd4afcccb1c9a4cad9544dd7e5006d5 ».

Nom de cookie suggéré : _uetmsclkid

Expiration du cookie : 90 jours

Voici un exemple :

<script>
    function setCookie(name, value, days) {
        var date = new Date();
        date.setTime(date.getTime() + days * 864e5);
        var expires = "; expires=" + date.toGMTString();
        document.cookie = name + "=" + value + expires;
    }
    function getParam(p) {
        var match = RegExp("[?&]" + p + "=([^&]*)").exec(window.location.search);
        return match && decodeURIComponent(match[1].replace(/\+/g, " "));
    }
    var msclkid = getParam("_uetmsclkid ");
    if (msclkid) {
        setCookie("_uetmsclkid", msclkid, 90);
    }
</script>

MID

Mid permet de joindre différents événements de la même page, tels que pageLoad et des événements personnalisés. Voici un exemple de code utilisé pour générer le paramètre MID :

<script>
    this._S4 = function () {
        return Math.floor((1 + Math.random()) * 0x10000)
        .toString(16)
        .substring(1);
    };
    this.getGuid = function () {
        var guid =
            this._S4() +
            this._S4() +
            "-" +
            this._S4() +
            "-" +
            this._S4() +
            "-" +
            this._S4() +
            "-" +
            this._S4() +
            this._S4() +
            this._S4();
        return guid;
    };
</script>

Pour consulter la liste complète des paramètres que vous pouvez capturer avec les événements pageLoad ou personnalisés, consultez ce tableau.

Éléments

Les éléments capturent les détails des produits tels que leur ID, leur quantité et leur prix. Ils sont capturés sur les consultations et les événements de page impliquant plusieurs produits, tels que l’événement d’ajout d’un article au panier ou la visite de la page du panier.

Pour ajouter plusieurs produits, procédez comme suit :

Créez une liste séparée par des virgules des différents éléments à capturer. Par exemple, les ID de produit 12345 et 23456 : id=prod12345&quantity=2&price=25.1,id=prod23456&quantity=1&price=121.1
Encodez par URL l’intégralité de la chaîne : id%3Dprod12345%26quantity%3D2%26price%3D25.1%2Cid%3Dprod23456%26quantity%3D1%26price%3D121.1
Ajoutez-la comme valeur du paramètre « items » : items=id%3Dprod12345%26quantity%3D2%26price%3D25.1%2Cid%3Dprod23456%2 6quantity%3D1%26price%3D121.1

Exemples d’appels d’API pour différents événements/pages

Événement de chargement de page

https://bat.bing.com/action/0? 
ti=1234567&
ver=2.3&
evt=pageLoad&
mid=d34f6979-ecfc-ecac-745d-e40447afd9b2&
uid=3966616149922&
vid=a5ia770-97ac68-cd211&
msclkid=292049a17e2413e3a4081719e839afe6-0&
rn=692799&
p=https%3A%2F%2Fwww.contoso.com%2Fsearch%3Fq%3Dwall%2Bclock&
r=https%3A%2F%2Fwww.bing.com%2F&
tl=Wall%20Clocks&
kw=clocks,homedecor

Événements personnalisés pour des scénarios spécifiques à la vente au détail
Homepage

https://bat.bing.com/action/0? 
ti=1234567&
ver=2.3&
mid=d34f6979-ecfc-ecac-745d-e40447afd9b2&
uid=3966616149922&
vid=a5ia770-97ac68-cd211&
msclkid=292049a17e2413e3a4081719e839afe6-0&
rn=692799&
evt=custom&
pagetype=home

Category browse page

https://bat.bing.com/action/0? 
ti=1234567&
ver=2.3&
mid=d34f6979-ecfc-ecac-745d-e40447afd9b2&
uid=3966616149922&
vid=a5ia770-97ac68-cd211&
msclkid=292049a17e2413e3a4081719e839afe6-0&
rn=692799&
evt=custom&
pagetype=category&
ecomm_category=cat123&
prodid=pid1,pid2,pid3,pid4,pid5,pid6,pid7,pid8,pid9,pid10

Search results page

https://bat.bing.com/action/0? 
ti=1234567&
ver=2.3&
mid=d34f6979-ecfc-ecac-745d-e40447afd9b2&
uid=3966616149922&
vid=a5ia770-97ac68-cd211&
msclkid=292049a17e2413e3a4081719e839afe6-0&
rn=692799&
evt=custom&
pagetype=searchresults&
search_term=wall%20clocks&
prodid=pid1,pid2,pid3,pid4,pid5,pid6,pid7,pid8,pid9,pid10

Product display page

https://bat.bing.com/action/0? 
ti=1234567&
ver=2.3&
mid=d34f6979-ecfc-ecac-745d-e40447afd9b2&
uid=3966616149922&
vid=a5ia770-97ac68-cd211&
msclkid=292049a17e2413e3a4081719e839afe6-0&
rn=692799&
evt=custom&
pagetype=product&
prodid=pid1

Add to cart event
The example below captures the details for an add to cart event happening on the product display page. If the add to cart happens on another page type, use that pagetype.

https://bat.bing.com/action/0? 
ti=1234567&
ver=2.3&
mid=d34f6979-ecfc-ecac-745d-e40447afd9b2&
uid=3966616149922&
vid=a5ia770-97ac68-cd211&
msclkid=292049a17e2413e3a4081719e839afe6-0&
rn=692799&
evt=custom&
ea=add_to_cart&
pagetype=product&
prodid=pid12345&
items=id%3Dprod12345%26quantity%3D2%26price%3D25.1&
gv=50.2&
gc=usd

Cart page

https://bat.bing.com/action/0? 
ti=1234567&
ver=2.3&
mid=d34f6979-ecfc-ecac-745d-e40447afd9b2&
uid=3966616149922&
vid=a5ia770-97ac68-cd211&
msclkid=292049a17e2413e3a4081719e839afe6-0&
rn=692799&
evt=custom&
pagetype=cart&
prodid=prod12345,prod2345&
items=id%3Dprod12345%26quantity%3D2%26price%3D25.1%2Cid%3Dprod2345%26quantity%3D1%26price%3D121.1&
gv=171.3&
gc=usd

Purchase confirmation page

https://bat.bing.com/action/0? 
ti=1234567&
ver=2.3&
mid=d34f6979-ecfc-ecac-745d-e40447afd9b2&
uid=3966616149922&
vid=a5ia770-97ac68-cd211&
msclkid=292049a17e2413e3a4081719e839afe6-0&
rn=692799&
evt=custom&
ea=purchase&
pagetype=purchase&
prodid=prod12345,prod2345&
items=id%3Dprod12345%26quantity%3D2%26price%3D25.1%2Cid%3Dprod2345%26q uantity%3D1%26price%3D121.1&
gv=171.3&
gc=usd

Événement personnalisé avec des étiquettes définies par l’annonceur
Custom labels like ea, ec, ev and el can be used to define custom remarketing lists and conversion events.

https://bat.bing.com/action/0? 
ti=1234567&
ver=2.3&
mid=d34f6979-ecfc-ecac-745d-e40447afd9b2&
uid=3966616149922&
vid=a5ia770-97ac68-cd211&
msclkid=292049a17e2413e3a4081719e839afe6-0&
rn=692799&
evt=custom&
ea=add_to_cart&
ec=shoes&
el=recommendations&
ev=23.99

Détails d’implémentation de la balise IMG

Vous pouvez déclencher une balise de suivi des conversions Microsoft Advertising sous la forme d’un pixel d’image de taille 0.

Une balise de suivi des conversions peut être ajoutée n’importe où sur la page. Un exemple d’implémentation dans la balise d’en-tête est présenté ci-dessous :

<head>
<title>UET IMG based example</title>
<meta charset="utf-8" />
<!--BEGIN: Microsoft Advertising UET tag.-->
<img src="//bat.bing.com/action/0?ti=1234567&
ver=2.3&
evt=pageLoad&
mid=d34f6979-ecfc-ecac745d-e40447afd9b2&
uid=3966616149922&
vid= a5ia770-97ac68-cd211&
msclkid=292049a17e2413e3a4081719e839afe6-0&
rn=692799&
p= ttps%3A%2F%2Fwww.contoso.com%2Fsearch%3Fq%3Dwall%2Bclock&
r=https%3A%2F%2Fwww.bing.com%2F&
tl= Wall%20Clocks&
kw=clocks,homedecor" height="0" width="0" style="display:none; visibility: hidden;" />
<!--END: Microsoft Advertising UET tag-->
<link href="StyleSheet/styles.css" rel="stylesheet">
</head>

Pendant le chargement de la page, elle déclenche la balise de suivi des conversions, laquelle génère une requête HTTPS. Cette requête est adressée au domaine « bat.bing.com » et l’URL contient les paramètres requis pour Microsoft Advertising.