Universal Event Tracking (UET) con el uso de una etiqueta IMG

Si no puedes usar el etiquetado UET basado en JavaScript, puedes usar una versión no basada en JavaScript. Una opción es usar una etiqueta IMG.

Importante

Si es posible, se recomienda usar la versión de JavaScript de la etiqueta UET. Obtén más información acerca de la etiqueta UET de JavaScript.

Universal Event Tracking (UET)

Universal Event Tracking (UET) es un marco Microsoft que captura los datos de interacción de los usuarios en tu sitio web y permite características como el seguimiento de conversión (por ejemplo, compras o clientes potenciales), la segmentación del público (por ejemplo, remarketing), las licitaciones automáticas y Microsoft Advertising para el comercio. Obtén más información sobre UET y por qué es importante para el seguimiento de conversiones y el remarketing en Microsoft Advertising.

Se recomienda usar la versión de JavaScript de la etiqueta UET e instalarla en todas las páginas de tu sitio web. Las etiquetas UET de JavaScript capturan datos más completos para el seguimiento de conversiones y el remarketing. Pero si el etiquetado basado en JavaScript no es factible, puedes usar una versión no basada en JavaScript. Una manera de hacerlo es a través de una etiqueta <img>.

Marco de eventos UET

El marco de UET define varios eventos:

Carga de página: Se desencadena en todas las visitas a la página.
Evento personalizado: Se desencadena en eventos y tipos de página específicos y captura datos más completos.

Se pueden desencadenar varios eventos de UET en la misma visita de página. usa el parámetro MID para conectar diferentes eventos desencadenados en la misma página.

La implementación de UET sin script tiene el siguiente aspecto:

Captura y guarda msclkid en una cookie propia en tu sitio web. Se compartirá con todos los eventos pageLoad y personalizados.
Entiende la definición de eventos pageLoad y actívala en todas las vistas de página.
Entiende la definición de eventos personalizados y actívalos en páginas específicas con los parámetros necesarios. Cada vista de página solo tendrá un evento pageLoad, pero puede tener varios eventos personalizados.
Algunos eventos personalizados deben activarse cuando el usuario realiza una acción en lugar de cuando se carga la página. Por ejemplo, cuando el usuario agrega un producto a un carro, es posible que la página no se actualice y los detalles del evento deban capturarse después de seleccionar el botón "Agregar al carro". Usa un mecanismo adecuado para desencadenar este evento UET.

Punto de conexión de API

UET activa este punto de conexión cuando se desencadena un evento: https://bat.bing.com/action/0?
El tiempo de respuesta esperado es de: 204

Parámetros que se van a capturar

MSCLKID

MSCLKID se usa en la atribución de conversión y se genera en el momento del clic de anuncio. Este identificador se anexa a la dirección URL de la página de aterrizaje cuando está habilitado el etiquetado automático del Microsoftidentificador declic. Debe almacenarse en una cookie propia en tu sitio web y enviarse con la llamada a UET.

MSCLKID es un GUID, como "cdd4afcccb1c9a4cad9544dd7e5006d5".

Nombre de cookie sugerido: _uetmsclkid

Expiración de la cookie: 90 días

A continuación tiene un ejemplo:

<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 permite combinar diferentes eventos de la misma página, como pageLoad y eventos personalizados. Este es un ejemplo de código que se usa para generar 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>

Para obtener una lista completa de parámetros que puede capturar con pageLoad o eventos personalizados, echa un vistazo a esta tabla.

Artículos

Los artículos capturan detalles de productos, como el id. de producto, la cantidad y el precio. Se capturan en vistas de página y eventos que implican varios productos, como el evento "agregar al carro" o visitar la página del carro.

Para agregar varios productos, sigue estos pasos:

Crea una lista separada por comas para los distintos elementos que se van a capturar. Por ejemplo, los id. de producto 12345 y 23456: id=prod12345&quantity=2&price=25.1,id=prod23456&quantity=1&price=121.1
Dirección URL que codifica la cadena completa: id.%3Dprod12345%26quantity%3D2%26price%3D25.1%2Cid%3Dprod23456%26quantity%3D1%26price%3D121.1
Agrégala como valor para el parámetro "items": items=id%3Dprod12345%26quantity%3D2%26price%3D25.1%2Cid%3Dprod23456%2 6quantity%3D1%26price%3D121.1

Ejemplos de llamadas API para diferentes eventos o páginas

Evento de carga de página

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

Eventos personalizados para escenarios específicos del comercio minorista
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

Evento personalizado con etiquetas definidas por el anunciante
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

Detalles de la implementación de la etiqueta IMG

Puedes activar una etiqueta UET Microsoft Advertising como un píxel de imagen de tamaño 0.

Se puede agregar una etiqueta UET en cualquier parte de la página. A continuación se muestra un ejemplo de implementación dentro de la etiqueta principal:

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

Al cargarse la página, se desencadena la etiqueta UET, lo que da como resultado una solicitud HTTPS. Esta solicitud es para el dominio "bat.bing.com" y la dirección URL contiene los parámetros necesarios para Microsoft Advertising.