Todo lo que debes saber sobre la configuración de UET

Los administradores de etiquetas sustituyen las etiquetas estáticas por etiquetas dinámicas, más fáciles de implementar y actualizar. La etiqueta dinámica es un contenedor, un pequeño fragmento de código que te permite insertar etiquetas dinámicamente en su sitio web. La etiqueta contenedora es como un cubo que contiene otros tipos de etiquetas.

UET funciona con los principales sistemas de administración de etiquetas. Esta es la lista actual (y los vínculos a las instrucciones) de los administradores de etiquetas probados y compatibles:

• Google Tag Manager
• Qubit Opentag
• Tealium
• Ensighten
• Signal
• Adobe Dynamic Tag Manager
• Adobe Launch

UET está diseñado para funcionar con las principales plataformas web. Esta es la lista actual (y los vínculos a las instrucciones) de las plataformas probadas y compatibles que permiten instalar etiquetas UET:

• BigCommerce
• Shopify
• WordPress.com
• Wix

Los sitios web de SPA son necesarios para usar el código de seguimiento de etiquetas UET de JavaScript. Si ha agregado recientemente el código de seguimiento de UET, es posible que ya esté habilitado para el seguimiento de SPA de forma predeterminada. Para comprobarlo, puede comprobar si el fragmento de código de etiqueta tiene el siguiente texto en negrita o no:

<script> (function(w,d,t,r,u) {var f,n,i;w[u]=w[u]||[] ,f=function(){var o={ti:"TAG_ID_HERE", enableAutoSpaTracking: true}; o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")} ,n=d.createElement(t),n.src=r,n.async=1,n.onload=n .onreadystatechange=function() {var s=this.readyState;s &&s!=="loaded"&& s!=="complete"||(f(),n.onload=n. onreadystatechange=null)},i= d.getElementsByTagName(t)[0],i. parentNode.insertBefore(n,i)})(window,document,"script"," //bat.bing.com/bat.js","uetq"); </script>

Si el fragmento de código de etiqueta no contiene el parámetro anterior y desea usar el seguimiento de SPA automático, puede ir a la Microsoft Advertising interfaz de usuario y obtener el nuevo fragmento de código de evento con el comportamiento anterior habilitado de forma predeterminada. Después, puede actualizar el sitio web para usar el nuevo fragmento de código.

Es posible que quiera deshabilitar este comportamiento si ya está realizando un seguimiento manual de las vistas de página SPA. Para ello, cambie el valor del parámetro enableAutoSpaTracking del fragmento de código de etiqueta a falso. También es posible que quiera deshabilitar esto si su sitio web no usa el estado del historial del explorador para la navegación, aunque se recomienda mantenerlo activado si no está seguro.

Para obtener instrucciones heredadas sobre el seguimiento manual de vistas de página SPA, consulte a continuación:

Los eventos SPA se desencadenan con la misma sintaxis que con los eventos personalizados, con la acción "page_view" y con un parámetro "page_path" necesario ("page_title" es opcional). El parámetro 'page_path' debe comenzar con '/'. Ejemplo:

window.uetq = window.uetq || []; 
window.uetq.push('event', 'page_view', { 'page_path': '/spa_page' });

Aquí hay tres maneras diferentes de desencadenar eventos SPA. Le recomendamos que utilice la primera. Para cada opción, tenemos una página web de ejemplo que puede visitar para ver el código apropiado en acción.

• Cambio de contenido: Activa un evento SPA cada vez que tu aplicación cargue contenido dinámico. En este caso, la URL real se envía automáticamente en un evento pageLoad estándar en la primera carga. Puede utilizar esta URL en sus objetivos de destino, y cualquier evento personalizado disparado en esa primera página se asociará a ella. Cada evento SPA generará un evento pageLoad con la URL SPA, que no es necesario que sea una ruta que se pueda cargar. También puedes hacer referencia a estas URL en tus objetivos. Cualquier evento personalizado que se active después de un evento SPA solo se asociará con el pageLoad del SPA (en otras palabras, no con la URL original).
  • Visita nuestra página web de muestra “Cambio de contenido” para ver este código en acción.
• Todas las páginas: Activar un evento SPA en todas las páginas, incluyendo la carga inicial. Este escenario es el mismo que el anterior, excepto que no se utiliza el evento pageLoad automático. Debido a que aún se dispara, es importante ordenar sus eventos para que el evento SPA se dispare antes que cualquier otro evento personalizado. Si se activan fuera de orden, algunos o todos pueden estar asociados con el evento pageLoad automático (y la URL original), en lugar del evento pageLoad SPA (y la URL SPA incluyendo page_path).
  • Visita nuestra página web de muestra “Todas las páginas” para ver este código en acción.
• Todas las páginas, auto-desactivado: Activar un evento SPA en todas las páginas y, además, desactivar la carga automática de páginas. Esto se consigue agregando "disableAutoPageView: true" a los parámetros de inicialización (Nota: No modifique el código del fragmento directamente para desactivarlo). Esto es lo mismo que el escenario anterior, pero elimina el requisito de que el evento SPA debe activarse primero en la carga inicial de la página. Sin embargo, los eventos SPA posteriores deben activarse antes que cualquier evento personalizado asociado a ellos (o se atribuirán al evento SPA anterior).
  • Visita nuestra página web de muestra "Todas las páginas, deshabilitación automática" para ver este código en acción.

Una vez que hayas creado un objetivo de conversión de evento personalizado o una lista de remarketing mediante eventos personalizados (consulta Cómo llevar el seguimiento de eventos personalizados con UET), deberás agregar el JavaScript del evento personalizado al código de seguimiento de la etiqueta UET. Supongamos que el evento personalizado que desea seguir en su página web es que los usuarios seleccionen el botón "Descargar ahora" en una de sus páginas web.

Para ver un ejemplo de un código de seguimiento de etiqueta UET de evento personalizado instalado en el cuerpo de una página web, visita esta página web (solo en inglés), haz clic con el botón derecho del ratón en la página web, y luego, selecciona Ver fuente o Ver fuente de página en función de tu navegador. En esta página, también verás algunos botones. Al seleccionar cada botón se activará un evento personalizado. Si utilizas una herramienta de monitorización de terceros como Fiddler, podrás ver la petición HTTP generada a bat.bing.com para informar de cada evento personalizado.

Para ver un ejemplo de eventos de comercio electrónico personalizados, consulta Ejemplo de eventos personalizados para clientes de comercio electrónico.

Cuando hayas creado un objetivo de conversión de ingresos variables (consulta Cómo generar informes de ingresos variables con UET), deberás editar el código de seguimiento de UET para admitirlo.

Veamos cómo pasar los ingresos variables para un objetivo de tipo URL de destino en páginas PHP. En el siguiente ejemplo, está leyendo un valor dinámico para los ingresos variables desde una función JavaScript. De igual forma puedes enviar un valor estático o leer de una variable JavaScript o elemento HTML.

Para agregar el código a las páginas PHP con tu editor de páginas web, consulta la siguiente muestra de código de seguimiento de la etiqueta de UET:

<script>
 (function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[] ,f=function(){var o={ti:"TAG_ID_HERE"}; o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")} ,n=d.createElement(t),n.src=r,n.async=1,n.onload=n .onreadystatechange=function() {var s=this.readyState;s &&s!=="loaded"&& s!=="complete"||(f(),n.onload=n. onreadystatechange=null)},i= d.getElementsByTagName(t)[0],i. parentNode.insertBefore(n,i)})(window,document,"script"," //bat.bing.com/bat.js","uetq");
</script>

<script> function GetRevenueValue() { return 6; }
</script>
<script>
 window.uetq = window.uetq || []; window.uetq.push('event', '', {'revenue_value': GetRevenueValue(), 'currency': 'Replace_with_Currency_Code'});
</script>

Avanzado: muestras de código para objetivos de conversiones de eventos

Ahora que ya sabes qué código se debe anexar al final del código de seguimiento de la etiqueta de UET para los objetivos de conversiones de dirección URL de destino, sería conveniente que probaras algunos de estos:

Objetivo de conversión de eventos

Hay un código diferente que necesitas agregar para informar de los ingresos variables para un objetivo de conversión de evento. Si estás utilizando la misma función JavaScript que en el paso 2, se vería así:

<script> window.uetq = window.uetq || []; window.uetq.push('event', 'Event action', {'event_category': 'Replace_with_Event_Category', 'event_label': 'Replace_with_Event_Label', 'event_value': 'Replace_with_Event_Value', 'revenue_value': GetRevenueValue(), 'currency': 'Replace_with_Currency_Code'}); </script>

Nota: Para ver la lista completa de códigos de monedas, consulta Monedas de ingresos del objetivo de conversión.

Cuando hayas creado una lista de remarketing dinámico (consulta Listas de recomercialización dinámicas: recomercialización de productos), tendrás que agregar parámetros personalizados a tu código de seguimiento de la etiqueta de UET para que funcione.

Agrega el siguiente código JavaScript en cada página de tu sitio web:

<script>
   window.uetq = window.uetq || []; 
   window.uetq.push ('event', '', {'ecomm_prodid': 'Replace_with_Product_ID', 'ecomm_pagetype': 'Replace_with_Page_Type'}); 
</script>

En el JavaScript anterior, cambia los siguientes parámetros:

• Replace_with_Product_ID : Reemplázalo por uno de los siguientes identificadores de productos:
  • El identificador SKU exacto que identifica un producto de forma exclusiva. A veces se denomina UPC (código de producto universal).
  • Un identificador de grupo de artículos representa un conjunto de variantes del mismo producto (como el color o las opciones de tamaño).

  Importante

  El Id. de producto en el código JavaScript debe coincidir con un Id. de tu Microsoft Merchant Center fuente de productos.

• Replace_with_Page_Type : Reemplázalo por uno de los siguientes valores en la columna derecha de esta tabla, en función de la página en la que usarás este JavaScript:

  Lista de remarketing dinámico de la que estás llevando el seguimiento	Tipo de página obligatoria
  Visitantes generales	'ecomm_pagetype': 'home' 'ecomm_pagetype': 'category' 'ecomm_pagetype': 'other' Nota: cualquier usuario no incluido en el tipo de página para búsqueda de resultados, producto, carrito, o compra será incluido en la audiencia general de visitantes.
  Usuarios de búsquedas de productos	'ecomm_pagetype': 'searchresults'
  Usuarios que ven tus productos	'ecomm_pagetype': 'product'
  Clientes que han abandonado el carro de compra	'ecomm_pagetype': 'cart'
  Antiguos clientes	'ecomm_pagetype': 'purchase'

  Nota: los clientes que compran un producto se agregan a la lista de "compradores anteriores" y se eliminan de otras listas (para ese producto en particular). Para que esto funcione, la etiqueta UET de tu página de confirmación de compra debe enviar tanto el Id. de producto (ecomm_prodid) como el tipo de página (ecomm_pagetype)

Para ver un ejemplo de un código de seguimiento de etiqueta UET de remarketing dinámico instalado en el cuerpo de una página web, visita esta página web (solo en inglés), haz clic con el botón derecho en la página web, y luego, selecciona Ver fuente o Ver fuente de página en función de tu navegador. En esta página, también puedes definir un Id. de producto y un tipo de página, y luego, seleccionar un botón para activar un evento personalizado para esta lista de remarketing dinámico. Si usas una herramienta de supervisión de terceros como Fiddler, puedes ver la solicitud HTTP generada a bat.bing.com para informar de cada evento personalizado.

Tal como se indicó en las secciones anteriores, algunas características de Microsoft Advertising requieren que agregues y modifiques un fragmento de código de JavaScript en tu etiqueta de UET existente:

• Eventos personalizados: Para los objetivos de conversión o las listas de remarketing basadas en eventos personalizados, tendrás que modificar el siguiente fragmento de código para devolver la acción de evento, la categoría de evento, la etiqueta de evento y el valor de evento:

  <script>
     window.uetq = window.uetq || []; 
     window.uetq.push ('event', 'Replace_with_Event_Action', {'event_category': 'Replace_with_Event_Category', 'event_label': 'Replace_with_Event_Label', 'event_value': 'Replace_with_Event_Value'}); 
  </script>

• Ingresos variables: Para los objetivos de conversiones que siguen ingresos variables, tendrás que modificar el siguiente fragmento de código para devolver el valor de ingresos y el código de moneda:

  <script>
     window.uetq = window.uetq || []; 
     window.uetq.push ('event', '', {'revenue_value': 'Replace_with_Revenue_Value', 'currency': 'Replace_with_Currency_Code'}); 
  </script>

• Remarketing dinámico: Para segmentar una lista de remarketing dinámico, tendrás que modificar el siguiente fragmento de código para devolver el id. de producto y el tipo de página:

  <script>
     window.uetq = window.uetq || []; 
     window.uetq.push ('event', '', {'ecomm_prodid': 'Replace_with_Product_ID', 'ecomm_pagetype': 'Replace_with_Page_Type'}); 
  </script>

Si vas a implementar más de una de estas características, deberás tener en cuenta un par de cosas:

• Recomendamos mantener el fragmento de código de JavaScript de cada función por separado en el código de tu página web (dicho de otro modo, en secciones apartes de <script > </script > ) porque cada fragmento de código envía un evento.
• En concreto, no puedes usar un fragmento de código de JavaScript para llevar el seguimiento de las dos características siguientes en la misma página web:
  • Ingresos variables del objetivo de conversión de la URL de destino
  • Eventos personalizados basados en un objetivo de conversión o una lista de remarketing

  En este caso, deberás tener dos fragmentos de código aparte en el código de tu página web:

  • Fragmento de código 1 — para ingresos variables del objetivo de conversión de la URL de destino:

    <script>
       window.uetq = window.uetq || []; 
       window.uetq.push ('event', '', {'revenue_value': 'Replace_with_Revenue_Value', 'currency': 'Replace_with_Currency_Code'}); 
    </script>

  • Snippet 2 — para eventos personalizados basados en un objetivo de conversión o lista de remarketing. Sin embargo, tenga en cuenta que, si estás realizando un seguimiento de los ingresos variables para un objetivo de conversión de evento personalizado ( noun objetivo de conversión de URL de destino), tendrás que incluirlo en el fragmento de código de evento personalizado:

    <script>
       window.uetq = window.uetq || []; 
       window.uetq.push ('event', 'Replace_with_Event_Action', {'event_category': 'Replace_with_Event_Category', 'event_label': 'Replace_with_Event_Label', 'event_value': 'Replace_with_Event_Value', 'revenue_value': 'Replace_with_Revenue_Value', 'currency': 'Replace_with_Currency_Code'}); 
    </script>