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

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

Estas son las tareas principales para la configuración de UET: crear la etiqueta, agregarla a tu sitio web y modificarla para las características más avanzadas. ¡También tienes consejos de solución de problemas!

Este artículo te mostrará cómo crear una etiqueta de UET, agregarla a tu sitio web, modificarla para las características avanzadas de seguimiento y segmentación, y solucionar los problemas que encuentres.

¿No sabes qué es UET? Consulta ¿Qué es UET y cómo puede ayudarme?

Antes de que puedas llevar el seguimiento de conversiones o de públicos objetivo con una lista de remarketing, deberás crear una etiqueta de UET en Microsoft Advertising y después agregar el código de seguimiento de la etiqueta de UET a cada página de tu sitio web.

  1. Haz clic en la página Campañas y después, en el panel izquierdo, haz clic en Seguimiento de conversiones.
  2. En Seguimiento de conversiones, haz clic en Etiquetas de UET.
    Nota: Si esta es la primera vez que vas a crear una etiqueta, también puedes hacer clic en Tareas iniciales en la página Seguimiento de conversiones.
  3. Haz clic en Crear etiqueta de UET y después escribe un nombre.
  4. Opcional: Escribe una descripción que te ayude a identificar la etiqueta de UET en el futuro. Podría estar relacionado con el propósito de la etiqueta o con el nombre o la URL de tu sitio web.
  5. Haz clic en Guardar.
  6. En el cuadro Ver el código de seguimiento de la etiqueta de UET, haz clic en Copiar, Descargar o Correo electrónico y después en Listo.
Importante

Debes poder editar el código del sitio web para poder agregar tu código de seguimiento de la etiqueta de UET. Si no estás seguro de cómo editar el código del sitio web, ponte en contacto con el administrador web.

Después de crear una etiqueta de UET, el siguiente paso consiste en agregar el código de seguimiento de la etiqueta de UET a tu sitio web. Recomendamos que tú o tu administrador web lo agreguéis a cada página del sitio web en las secciones de encabezado o de texto. Si tu sitio web tiene una página principal, puedes agregarlo allí una vez y este se incluirá en todas las páginas del sitio.

Tienes pocas opciones cuando trabajes con etiquetas de UET. Puedes agregar el código de seguimiento de la etiqueta de UET directamente en el código del sitio web con JavaScript o usar un administrador de etiquetas de terceros. Además, si tu sitio web se creó en una plataforma de sitios web (como Shopify o WordPress), puedes usar ese sistema para agregar la etiqueta de UET.

Nota

Puedes agregar el código de seguimiento de la etiqueta de UET en cualquier lugar de la sección de encabezado de la página web (antes de la etiqueta de cierre del encabezado: "</head>") o en la sección del texto (antes de la etiqueta de cierre del texto: "</body>").

Agregar el código de seguimiento de la etiqueta de UET directamente al sitio webexpando image
Si has copiado el código de seguimiento, o si tienes una versión descargada o por correo electrónico de él, ya estás listo para pegarlo en tu sitio web y puedes saltar al paso 5.
  1. Haz clic en la página Campañas y después, en el panel izquierdo, haz clic en Seguimiento de conversiones.
  2. En Seguimiento de conversiones, haz clic en Etiquetas de UET.
  3. En la tabla, busca la etiqueta de UET que quieres usar y, en la columna Acción, haz clic en Ver etiqueta.
  4. En el cuadro Código de seguimiento de la etiqueta de UET, haz clic en Copiar y después en Listo.
  5. Pega el código de seguimiento de la etiqueta de UET en cada página de tu sitio web o en la página maestra (en las secciones de encabezado o de texto). En la imagen, el código de seguimiento de la etiqueta de UET se ha pegado en la parte superior de la sección del cuerpo de la página web.
    Etiqueta de UET
Agregar el código de seguimiento de la etiqueta de UET con un administrador de etiquetasexpando image

Los administradores de etiquetas reemplazan las etiquetas estáticas con etiquetas dinámicas que son 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 dinámicamente etiquetas en tu sitio web. Puedes considerarlo como si la etiqueta del contenedor fuera un cubo que contiene otros tipos de etiquetas.

UET funciona con todos los sistemas de administración de etiquetas principales Aquí tienes la lista actual (y vínculos de instrucciones) de administradores de etiquetas probados y admitidos:

Agregar el código de seguimiento de la etiqueta de UET con la plataforma de sitios webexpando image

UET está diseñado para funcionar con las principales plataformas de sitios web. Aquí tienes la lista actual (y vínculos de instrucciones) de plataformas probadas y admitidas que te permiten instalar las etiquetas de UET:

Notas
  • Para ver un ejemplo del código de seguimiento de la etiqueta de UET de JavaScript instalado en el texto 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 después haz clic en Ver código fuente o Ver código fuente de la página, según cuál sea tu explorador.
  • A medida que se carga la página web, activa la etiqueta de UET, lo que produce una serie de solicitudes HTTP. La solicitud más importante es a "bat.bing" (la que tiene un aspecto parecido a "http://bat.bing.com/action/0?ti=..."). Esta solicitud informa a Microsoft Advertising acerca de las visitas de los usuarios a tu página web. Puedes usar herramientas de terceros como Fiddler para supervisar todas las solicitudes que realice tu explorador cuando se cargue la página web.

Usar etiquetas de UET con sitios web de aplicación de página única (SPA)

Aunque se utilicen habitualmente, los sitios web de aplicación de página única (SPA) son complicados a la hora de llevar el seguimiento. Con las SPA, el contenido se carga dinámicamente sin que se produzca un evento de navegación típico. En cierto sentido, la página solo se carga una vez. Sin embargo, desde un punto de vista analítico y de seguimiento de objetivos, hay que tratar cada una de las navegaciones como una carga nueva de página.

Aprende a habilitar las etiquetas de UET en las SPAexpando image

Los sitios web de SPA son necesarios para poder usar el código de seguimiento de la etiqueta de UET. Los eventos de SPA se activan con la misma sintaxis que con los eventos personalizados, con una acción 'page_view' y con un parámetro 'page_path' obligatorio ('page_title' es opcional). El parámetro 'page_path' debe comenzar con un '/'. Ejemplo:

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

Nota

Si envías eventos de page_view, tienes que asegurarte de que no tienes objetivos de conversiones de eventos personalizados ni listas de remarketing que tengan su parámetro de "acción de evento" establecido en "page_view".

Aquí tienes tres formas diferentes de activar eventos de SPA. Ten en cuenta que recomendamos que uses la primera forma. Por cada opción, tenemos una página web de muestra que puedes visitar para ver el código adecuado en acción.

  • Cambio de contenido: Activa un evento de 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. Puedes usar esta URL en tus objetivos de destino, y cualquier evento personalizado activado en la primera página estará asociado a ella. Cada evento de SPA generará un evento pageLoad con una URL de SPA, que no es necesario que sea una ruta que se pueda cargar. También puedes hacer referencia a estas direcciones URL en tus objetivos. Cualquier evento personalizado activado tras un evento de SPA solo estará asociado al pageLoad de SPA (dicho de otro modo, no la URL original).
  • Todas las páginas: Activa un evento de SPA en todas las páginas, incluida la carga inicial. Este escenario es el mismo que el anterior, excepto que no se usa el evento pageLoad automático. Como sigue activando, es importante ordenar los eventos para que el evento de SPA se active antes que cualquier otro evento personalizado. Si se activan de forma desordenada, algunos de ellos o todos ellos podrían asociarse al evento pageLoad automático (y la URL original), en vez del evento pageLoad de SPA (y la URL de SPA, incluido page_path).
  • Todas las páginas, deshabilitado automáticamente: Activa un evento de SPA en todas las páginas y deshabilita también la carga de página automática. Esto se consigue agregando 'disableAutoPageView: true' a los parámetros de inicialización (Nota: No modifique el fragmento de código directamente para deshabilitarlo). Es lo mismo que en el escenario anterior, pero elimina el requisito de que el evento de SPA debe activarse primero en la carga de página inicial. Sin embargo, los eventos de SPA posteriores siguen siendo necesarios para activarse antes de cualquier evento personalizado asociado a ellos (o se atribuirán al evento de SPA anterior).

Algunas características de segmentación y seguimiento requieren que modifiques la etiqueta de UET. En las siguientes instrucciones se da por sentado que ya has creado una etiqueta de UET y que la has agregado a tu sitio web.

Modificar la etiqueta de UET...

Para llevar el seguimiento de eventos personalizadosexpando image

Cuando 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 de evento personalizado a tu código de seguimiento de la etiqueta de UET. Supongamos que el evento personalizado del que quieres llevar el seguimiento en tu página web es gente que hace clic en el botón "Descargar ahora" en una de las páginas web.

  1. Agrega el siguiente código JavaScript del evento personalizado debajo de la etiqueta de UET que has agregado en el código de tu página web en el Paso 1:
    <head>Your page title 
    </head>

    <body>

     // Let's say this is where you pasted the UET tag in Step 1.


    <script>Your UET tag is here.</script>

     // Here is where to paste the following JavaScript:

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



       ...
    <button>Download now</button>

       ...
    </body>
  2. Da a este fragmento de código un nombre de función. El nombre de función puede ser cualquier cosa, siempre que no se haya usado ya en tu sitio web. En este ejemplo, lo llamaremos "GetCustomEvent()":
    <head>Your page title 
    </head>

    <body>
    <script>Your UET tag is here.</script>

    <script>

       function GetCustomEvent() {

       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>

       ...
    <button>Download now</button>

       ...
    </body>
  3. Ahora deberás personalizar el código de tu página web para llamar a esta función cuando se produzca la acción adecuada. En nuestro ejemplo, el evento personalizado es un clic del botón "Descargar ahora", así que tendremos que agregar una llamada en el código del botón:
    <head>Your page title 
    </head>

    <body>
    <script>Your UET tag is here.</script>

    </script>

    <script>
       function GetCustomEvent() {
       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>

       ...
    <button <nolocalize><c_data><font color="ff0027" size="2">OnClick="GetCustomEvent()"</font></c_data></nolocalize>>Download now</button>

       ...
    </body>
  4. Fíjate en los cuatro parámetros distintos del JavaScript del evento personalizado: 'event', 'event_category', 'event_label' y 'event_value'. Estos corresponden a los parámetros que pudiste definir para el objetivo de conversión del evento personalizado en el Paso 2. En el JavaScript que has agregado, los parámetros tienen los valores de marcador de posición asignados:
    <head>Your page title 
    </head>

    <body>
    <script>Your UET tag is here.</script>

    </script>

    <script>
       function GetCustomEvent() {
       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>

       ...
    <button OnClick="GetCustomEvent()>Download now</button>

       ...
    </body>
  5. El JavaScript que has agregado debe devolver un valor a Microsoft Advertising cuando se produce el evento personalizado, y ese valor debe coincidir con lo especificado en el Paso 2. En nuestro ejemplo, llevamos el seguimiento de clics de botón, que son eventos de Acción tal como se muestra en el Paso 2 (y que se representan con 'event' en el JavaScript). Por lo tanto, tendríamos que modificar el valor del marcador de posición del parámetro 'event' (y podemos quitar los otros tres parámetros):
    <head>Your page title 
    </head>

    <body>
    <script>Your UET tag is here.</script>

    <script>
       function GetCustomEvent() {
       window.uetq = window.uetq || [];
       window.uetq.push ('event', 'downloadbuttonclick', {});
       }
    </script>

       ...
    <button OnClick="GetCustomEvent()>Download now</button>

       ...
    </body>
  6. Guarda e implementa el código del sitio web editado.

Para ver un ejemplo del código de seguimiento de la etiqueta de UET de un evento personalizado instalado en el texto 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 después haz clic en Ver código fuente o Ver código fuente de la página, según cuál sea tu explorador. En esta página, también verás algunos botones. Al hacer clic en cada botón se activará un evento personalizado. Si usas una herramienta de supervisión de terceros como Fiddler, podrás ver la solicitud HTTP generada para bat.bing.com para notificar cada evento personalizado.

Notas
  • A medida que se carga la página web, activa la etiqueta de UET, lo que produce una serie de solicitudes HTTP. La solicitud más importante es a "bat.bing" (la que tiene un aspecto parecido a "http://bat.bing.com/action/0?ti=..."). Esta solicitud informa a Microsoft Advertising acerca de las visitas de los usuarios a tu página web. Puedes usar herramientas de terceros como Fiddler para supervisar todas las solicitudes que realice tu explorador cuando se cargue la página web.
  • Para los eventos personalizados, se activa una solicitud HTTP adicional para notificar lo mismo a Microsoft Advertising. La solicitud es similar a la de bat.bing, pero tiene parámetros diferentes para notificar eventos personalizados (a diferencia de la de las visitas de páginas).
Para llevar el seguimiento de ingresos variablesexpando image

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 de un objetivo de tipo de dirección URL de destino en las páginas PHP. En el ejemplo siguiente, se lee un valor dinámico de los ingresos variables desde una función de JavaScript. Será muy fácil enviar un valor estático o leer desde una variable de JavaScript o un 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>
  1. Abre el archivo de páginas de confirmación de conversiones. Si se generan varias páginas del mismo archivo, busca la sección en el archivo que genere tu página de conversión.
  2. Agrega una función de JavaScript que defina los ingresos variables o confirma que tu sitio ya la tiene. En el código anterior, es:
    <script>
       function GetRevenueValue()
    	  {
    		 return 6;
    	  }
    </script>

    Deberás sustituir esta sección con tu propia función de JavaScript.

  3. Agrega el código uetq.push al final del código de seguimiento de la etiqueta de UET para asociar el valor de ingresos a un objetivo de conversión. Actualiza el valor del importe del parámetro 'revenue_value' con el valor definido en el paso 2. En el código anterior, es:
    <script>
       window.uetq = window.uetq || [];
       window.uetq.push('event', '', {'revenue_value': GetRevenueValue(), 'currency': 'Replace_with_Currency_Code'});  
    </script>

    Notas
    • El comando 'event' siempre es necesario, aunque no se notifique ninguna acción de evento. Cuando generes informes de los ingresos variables del objetivo de una URL de destino, deberás dejar vacía la acción de evento (como en, 'event', '') y solo puedes tener los parámetros revenue_value y currency en el evento.
    • Para ver la lista completa de códigos de monedas, consulta Monedas de ingresos del objetivo de conversión. Puedes quitar el parámetro 'currency' si no se ha establecido una moneda en el objetivo de conversión.

  4. Asegúrate de agregar el código de seguimiento de la etiqueta de UET modificado al cuerpo de la página de confirmación de conversión, que es la página que ve el cliente después de completar la acción de la que quieres llevar el seguimiento (por ejemplo, la página de confirmación de la compra).

    Sugerencia: Busca la etiqueta "</body>" y pon el código de seguimiento de la etiqueta de UET justo encima de ella.

  5. Guarda y carga la página en tu servidor web.
Avanzado: Muestras de código para objetivos de conversiones de eventosexpando image

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 debes anexar para generar informes de los ingresos variables de un objetivo de conversión de evento. Si usas la misma función de JavaScript que en el paso 2, tendría este aspecto:

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

Notas
  • Para ver un ejemplo de etiqueta de UET de ingresos variables instalada en el texto 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 después haz clic en Ver código fuente o Ver código fuente de la página, según cuál sea tu explorador.
  • A medida que se carga la página web, activa la etiqueta de UET, lo que produce una serie de solicitudes HTTP. La solicitud más importante es a "bat.bing" (la que tiene un aspecto parecido a "http://bat.bing.com/action/0?ti=..."). Esta solicitud informa a Microsoft Advertising acerca de las visitas de los usuarios a tu página web. Puedes usar herramientas de terceros como Fiddler para supervisar todas las solicitudes que realice tu explorador cuando se cargue la página web.
  • Para los ingresos variables, se activa una solicitud HTTP adicional para notificar este valor a Microsoft Advertising. Es similar a la de bat.bing, pero tiene parámetros diferentes para notificar ingresos (a diferencia de la de las visitas de páginas).
  • Puedes validar la etiqueta de ingresos variables con el Asistente de la etiqueta de UET
Para usar los públicos de productoexpando image

Cuando hayas creado un público de producto (consulta Acerca de los públicos 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>

Importante
  • Tanto el identificador de producto como el tipo de página son necesarios en cada página. Si falta alguno de esos valores, tu público de producto no se actualizará.
  • En la parte 'event', '', de la etiqueta, asegúrate de que las dos comillas simples tras 'event', estén vacías.

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

  • Replace_with_Product_ID : Reemplázalo por uno de los siguientes identificadores de productos:
    • El identificador de SKU que identifica exclusivamente un producto. En ocasiones se denomina (código universal de producto).
    • 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 identificador de tu fuente de productos de Microsoft Merchant Center.

  • 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:
    Público de producto que estás siguiendoTipo de página obligatorio
    Visitantes generaleshome/category/other, purchase*
    Nota: Cualquier usuario no incluido en el tipo de página de los resultados de búsqueda, producto, carro o compra se incluirán en el público de visitantes generales.
    Usuarios de búsquedas de productossearchresults, purchase*
    Usuarios que ven tus productosproduct, purchase*
    Clientes que han abandonado el carro de compracart, purchase*
    Antiguos clientespurchase

    * La página de compra es obligatoria con todos los públicos para que puedas quitar el cliente de un público después de que el cliente haya realizado una compra.

Para ver un ejemplo del código de seguimiento de una etiqueta de UET de públicos de productos instalado en el texto 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 después haz clic en Ver código fuente o Ver código fuente de la página, según cuál sea tu explorador. En esta página, también puedes definir un identificador de producto y un tipo de página, y después hacer clic en un botón para activar un evento personalizado de este público de producto. Si usas una herramienta de supervisión de terceros como Fiddler, podrás ver la solicitud HTTP generada para bat.bing.com para notificar cada evento personalizado.

Notas
  • A medida que se carga la página web, activa la etiqueta de UET, lo que produce una serie de solicitudes HTTP. La solicitud más importante es a "bat.bing" (la que tiene un aspecto parecido a "http://bat.bing.com/action/0?ti=..."). Esta solicitud informa a Microsoft Advertising acerca de las visitas de los usuarios a tu página web. Puedes usar herramientas de terceros como Fiddler para supervisar todas las solicitudes que realice tu explorador cuando se cargue la página web.
  • Para los eventos personalizados, se activa una solicitud HTTP adicional para notificar lo mismo a Microsoft Advertising. La solicitud es similar a la de bat.bing, pero tiene parámetros diferentes para notificar eventos personalizados (a diferencia de la de las visitas de páginas).
  • Puedes validar el buen funcionamiento de tus códigos de seguimiento de la etiqueta de UET de públicos de productos con el Asistente de la etiqueta de UET
Al implementar varias característicasexpando image

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 conversiones o las listas de remarketing basados 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>
  • Públicos de productos: Para segmentar un público de producto, tendrás que modificar el siguiente fragmento de código para devolver el identificador 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 característica 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>
    • Fragmento de código 2: para eventos personalizados basados en un objetivo de conversión o una lista de remarketing. Sin embargo, ten en cuenta que, si llevas el seguimiento de ingresos variables para un objetivo de conversión de eventos personalizados (no un objetivo de conversión de URL de destino), lo deberías incluir en el fragmento de código del 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>

Aplicación auxiliar de la etiqueta de UET

La forma más fácil de asegurarte de que tu etiqueta de UET funciona correctamente en cualquier página web consiste en usar la Aplicación auxiliar de la etiqueta de UET (una extensión de Chrome):


Revisar la columna de estado de seguimiento de UET en Microsoft Advertising

También puedes usar Microsoft Advertising para esta validación:

  1. Haz clic en la página Campañas y después, en el panel izquierdo, haz clic en Seguimiento de conversiones.
  2. En Seguimiento de conversiones, haz clic en Etiquetas de UET.
  3. En la tabla, revisa las columnas:
    Nombre de la etiqueta
    Qué es:
    El nombre de la etiqueta de UET.
    Por qué es importante:
    Cuando crees un objetivo de conversión o una lista de remarketing, selecciona el nombre de la etiqueta de UET que quieres usar.
    Descripción de la etiqueta
    Qué es:
    La descripción opcional de la etiqueta de UET.
    Por qué es importante:
    Ayuda a identificar la etiqueta de UET. Recomendamos que agregues la dirección URL o el nombre de la página del sitio web.
    Identificador de etiqueta
    Qué es:
    El identificador que Microsoft Advertising asocia a la etiqueta.
    Por qué es importante:
    La página Objetivos de conversiones indica el identificador de etiqueta de UET asociado al objetivo y permite ver el código de seguimiento de la etiqueta de UET.
    Estado del seguimiento
    Qué es:
    El estado de la etiqueta de UET. Puede ser Sin comprobar, Etiqueta activa o Etiqueta inactiva.
    Por qué es importante:
    Te permite saber si la etiqueta de UET funciona o no.
    Sin comprobar: Microsoft Advertising no ha recibido datos de actividad de los usuarios de la etiqueta de UET en tu sitio web. La comprobación por parte de Microsoft Advertising puede tardar hasta 24 horas en completarse. Si sigues viendo este estado, significa que no has agregado el código de seguimiento de la etiqueta de UET a tu sitio web o que hay un problema con la configuración que debes corregir.
    Etiqueta activa: Tu etiqueta de UET funciona y envía datos de actividad de los usuarios a Microsoft Advertising.
    Etiqueta inactiva: Microsoft Advertising no ha recibido datos de actividad de los usuarios de la etiqueta de UET en las últimas 24 horas. Asegúrate de que el código de seguimiento de la etiqueta de UET siga en tu sitio web.
    • ¿Qué se debe hacer si la etiqueta de UET no está activa?: Si la columna Estado de seguimiento muestra Etiqueta inactiva, Microsoft Advertising no ha recibido datos de actividad de los usuarios de la etiqueta de UET en las últimas 24 horas. Asegúrate de que el código de seguimiento de la etiqueta de UET siga en tu sitio web y, si no lo está, agrégalo de nuevo. También puedes usar la aplicación auxiliar de la etiqueta de UET para validar la etiqueta.
    Objetivos
    Qué es:
    El número objetivos de conversiones que usan esta etiqueta de UET.
    Por qué es importante:
    Es un vínculo que te lleva a la página Objetivos de conversiones solo con los objetivos asociados a esta etiqueta mostrada.
    Públicos
    Qué es:
    El número públicos que usan esta etiqueta de UET.
    Por qué es importante:
    Es un vínculo que te lleva a la página Públicos solo con los públicos asociados a esta etiqueta mostrada.
    Acción
    Qué es:
    Vínculo que abre el cuadro del código de seguimiento de la etiqueta de UET.
    Por qué es importante:
    Te permite enviar el código de seguimiento de la etiqueta de UET por correo electrónico, copiarlo o descargarlo en cualquier momento.

Limitaciones de la columna de estado de seguimiento: Aunque creemos que el estado de seguimiento te ayudará a validar tus configuraciones, queremos resaltar que lo siguiente no se puede comprobar en la columna de estado de seguimiento.

  • Si la etiqueta se ha instalado o no se ha instalado en el sitio: Microsoft Advertising genera un informe del estado de la etiqueta de UET como Etiqueta activa siempre que se haya registrado al menos un evento de UET (desde cualquier parte de tu sitio web).
  • Si se generan o no se generan informes de valores de eventos personalizados o de ingresos variables: Como ya se ha explicado antes, Microsoft Advertising no distingue entre eventos de carga de páginas (registrados de manera predeterminada) y eventos personalizados notificados cuando se genera un informe de la columna de estado de seguimiento.

Por lo tanto, recomendamos usar la aplicación auxiliar de la etiqueta de UET para validar tu etiqueta en tus páginas web individuales.

1. Crear una etiqueta de UETexpando image

Antes de que puedas llevar el seguimiento de conversiones o de públicos objetivo con una lista de remarketing, deberás crear una etiqueta de UET en Microsoft Advertising y después agregar el código de seguimiento de la etiqueta de UET a cada página de tu sitio web.

  1. Haz clic en la página Campañas y después, en el panel izquierdo, haz clic en Seguimiento de conversiones.
  2. En Seguimiento de conversiones, haz clic en Etiquetas de UET.
    Nota: Si esta es la primera vez que vas a crear una etiqueta, también puedes hacer clic en Tareas iniciales en la página Seguimiento de conversiones.
  3. Haz clic en Crear etiqueta de UET y después escribe un nombre.
  4. Opcional: Escribe una descripción que te ayude a identificar la etiqueta de UET en el futuro. Podría estar relacionado con el propósito de la etiqueta o con el nombre o la URL de tu sitio web.
  5. Haz clic en Guardar.
  6. En el cuadro Ver el código de seguimiento de la etiqueta de UET, haz clic en Copiar, Descargar o Correo electrónico y después en Listo.
2. Agregar la etiqueta a tu sitio web.expando image
Importante

Debes poder editar el código del sitio web para poder agregar tu código de seguimiento de la etiqueta de UET. Si no estás seguro de cómo editar el código del sitio web, ponte en contacto con el administrador web.

Después de crear una etiqueta de UET, el siguiente paso consiste en agregar el código de seguimiento de la etiqueta de UET a tu sitio web. Recomendamos que tú o tu administrador web lo agreguéis a cada página del sitio web en las secciones de encabezado o de texto. Si tu sitio web tiene una página principal, puedes agregarlo allí una vez y este se incluirá en todas las páginas del sitio.

Tienes pocas opciones cuando trabajes con etiquetas de UET. Puedes agregar el código de seguimiento de la etiqueta de UET directamente en el código del sitio web con JavaScript o usar un administrador de etiquetas de terceros. Además, si tu sitio web se creó en una plataforma de sitios web (como Shopify o WordPress), puedes usar ese sistema para agregar la etiqueta de UET.

Nota

Puedes agregar el código de seguimiento de la etiqueta de UET en cualquier lugar de la sección de encabezado de la página web (antes de la etiqueta de cierre del encabezado: "</head>") o en la sección del texto (antes de la etiqueta de cierre del texto: "</body>").

Agregar el código de seguimiento de la etiqueta de UET directamente al sitio webexpando image
Si has copiado el código de seguimiento, o si tienes una versión descargada o por correo electrónico de él, ya estás listo para pegarlo en tu sitio web y puedes saltar al paso 5.
  1. Haz clic en la página Campañas y después, en el panel izquierdo, haz clic en Seguimiento de conversiones.
  2. En Seguimiento de conversiones, haz clic en Etiquetas de UET.
  3. En la tabla, busca la etiqueta de UET que quieres usar y, en la columna Acción, haz clic en Ver etiqueta.
  4. En el cuadro Código de seguimiento de la etiqueta de UET, haz clic en Copiar y después en Listo.
  5. Pega el código de seguimiento de la etiqueta de UET en cada página de tu sitio web o en la página maestra (en las secciones de encabezado o de texto). En la imagen, el código de seguimiento de la etiqueta de UET se ha pegado en la parte superior de la sección del cuerpo de la página web.
    Etiqueta de UET
Agregar el código de seguimiento de la etiqueta de UET con un administrador de etiquetasexpando image

Los administradores de etiquetas reemplazan las etiquetas estáticas con etiquetas dinámicas que son 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 dinámicamente etiquetas en tu sitio web. Puedes considerarlo como si la etiqueta del contenedor fuera un cubo que contiene otros tipos de etiquetas.

UET funciona con todos los sistemas de administración de etiquetas principales Aquí tienes la lista actual (y vínculos de instrucciones) de administradores de etiquetas probados y admitidos:

Agregar el código de seguimiento de la etiqueta de UET con la plataforma de sitios webexpando image

UET está diseñado para funcionar con las principales plataformas de sitios web. Aquí tienes la lista actual (y vínculos de instrucciones) de plataformas probadas y admitidas que te permiten instalar las etiquetas de UET:

Notas
  • Para ver un ejemplo del código de seguimiento de la etiqueta de UET de JavaScript instalado en el texto 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 después haz clic en Ver código fuente o Ver código fuente de la página, según cuál sea tu explorador.
  • A medida que se carga la página web, activa la etiqueta de UET, lo que produce una serie de solicitudes HTTP. La solicitud más importante es a "bat.bing" (la que tiene un aspecto parecido a "http://bat.bing.com/action/0?ti=..."). Esta solicitud informa a Microsoft Advertising acerca de las visitas de los usuarios a tu página web. Puedes usar herramientas de terceros como Fiddler para supervisar todas las solicitudes que realice tu explorador cuando se cargue la página web.

Usar etiquetas de UET con sitios web de aplicación de página única (SPA)

Aunque se utilicen habitualmente, los sitios web de aplicación de página única (SPA) son complicados a la hora de llevar el seguimiento. Con las SPA, el contenido se carga dinámicamente sin que se produzca un evento de navegación típico. En cierto sentido, la página solo se carga una vez. Sin embargo, desde un punto de vista analítico y de seguimiento de objetivos, hay que tratar cada una de las navegaciones como una carga nueva de página.

Aprende a habilitar las etiquetas de UET en las SPAexpando image

Los sitios web de SPA son necesarios para poder usar el código de seguimiento de la etiqueta de UET. Los eventos de SPA se activan con la misma sintaxis que con los eventos personalizados, con una acción 'page_view' y con un parámetro 'page_path' obligatorio ('page_title' es opcional). El parámetro 'page_path' debe comenzar con un '/'. Ejemplo:

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

Aquí tienes tres formas diferentes de activar eventos de SPA. Ten en cuenta que recomendamos que uses la primera forma. Por cada opción, tenemos una página web de muestra que puedes visitar para ver el código adecuado en acción.

  • Cambio de contenido: Activa un evento de 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. Puedes usar esta URL en tus objetivos de destino, y cualquier evento personalizado activado en la primera página estará asociado a ella. Cada evento de SPA generará un evento pageLoad con una URL de SPA, que no es necesario que sea una ruta que se pueda cargar. También puedes hacer referencia a estas direcciones URL en tus objetivos. Cualquier evento personalizado activado tras un evento de SPA solo estará asociado al pageLoad de SPA (dicho de otro modo, no la URL original).
  • Todas las páginas: Activa un evento de SPA en todas las páginas, incluida la carga inicial. Este escenario es el mismo que el anterior, excepto que no se usa el evento pageLoad automático. Como sigue activando, es importante ordenar los eventos para que el evento de SPA se active antes que cualquier otro evento personalizado. Si se activan de forma desordenada, algunos de ellos o todos ellos podrían asociarse al evento pageLoad automático (y la URL original), en vez del evento pageLoad de SPA (y la URL de SPA, incluido page_path).
  • Todas las páginas, deshabilitado automáticamente: Activa un evento de SPA en todas las páginas y deshabilita también la carga de página automática. Esto se consigue agregando 'disableAutoPageView: true' a los parámetros de inicialización (Nota: No modifique el fragmento de código directamente para deshabilitarlo). Es lo mismo que en el escenario anterior, pero elimina el requisito de que el evento de SPA debe activarse primero en la carga de página inicial. Sin embargo, los eventos de SPA posteriores siguen siendo necesarios para activarse antes de cualquier evento personalizado asociado a ellos (o se atribuirán al evento de SPA anterior).

3. Modificar la etiqueta para habilitar características adicionalesexpando image

Algunas características de segmentación y seguimiento requieren que modifiques la etiqueta de UET. En las siguientes instrucciones se da por sentado que ya has creado una etiqueta de UET y que la has agregado a tu sitio web.

Modificar la etiqueta de UET...

Para llevar el seguimiento de eventos personalizadosexpando image

Cuando 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 de evento personalizado a tu código de seguimiento de la etiqueta de UET. Supongamos que el evento personalizado del que quieres llevar el seguimiento en tu página web es gente que hace clic en el botón "Descargar ahora" en una de las páginas web.

  1. Agrega el siguiente código JavaScript del evento personalizado debajo de la etiqueta de UET que has agregado en el código de tu página web en el Paso 1:
    <head>Your page title 
    </head>

    <body>

     // Let's say this is where you pasted the UET tag in Step 1.


    <script>Your UET tag is here.</script>

     // Here is where to paste the following JavaScript:

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



       ...
    <button>Download now</button>

       ...
    </body>
  2. Da a este fragmento de código un nombre de función. El nombre de función puede ser cualquier cosa, siempre que no se haya usado ya en tu sitio web. En este ejemplo, lo llamaremos "GetCustomEvent()":
    <head>Your page title 
    </head>

    <body>
    <script>Your UET tag is here.</script>

    <script>

       function GetCustomEvent() {

       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>

       ...
    <button>Download now</button>

       ...
    </body>
  3. Ahora deberás personalizar el código de tu página web para llamar a esta función cuando se produzca la acción adecuada. En nuestro ejemplo, el evento personalizado es un clic del botón "Descargar ahora", así que tendremos que agregar una llamada en el código del botón:
    <head>Your page title 
    </head>

    <body>
    <script>Your UET tag is here.</script>

    </script>

    <script>
       function GetCustomEvent() {
       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>

       ...
    <button <nolocalize><c_data><font color="ff0027" size="2">OnClick="GetCustomEvent()"</font></c_data></nolocalize>>Download now</button>

       ...
    </body>
  4. Fíjate en los cuatro parámetros distintos del JavaScript del evento personalizado: 'event', 'event_category', 'event_label' y 'event_value'. Estos corresponden a los parámetros que pudiste definir para el objetivo de conversión del evento personalizado en el Paso 2. En el JavaScript que has agregado, los parámetros tienen los valores de marcador de posición asignados:
    <head>Your page title 
    </head>

    <body>
    <script>Your UET tag is here.</script>

    </script>

    <script>
       function GetCustomEvent() {
       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>

       ...
    <button OnClick="GetCustomEvent()>Download now</button>

       ...
    </body>
  5. El JavaScript que has agregado debe devolver un valor a Microsoft Advertising cuando se produce el evento personalizado, y ese valor debe coincidir con lo especificado en el Paso 2. En nuestro ejemplo, llevamos el seguimiento de clics de botón, que son eventos de Acción tal como se muestra en el Paso 2 (y que se representan con 'event' en el JavaScript). Por lo tanto, tendríamos que modificar el valor del marcador de posición del parámetro 'event' (y podemos quitar los otros tres parámetros):
    <head>Your page title 
    </head>

    <body>
    <script>Your UET tag is here.</script>

    <script>
       function GetCustomEvent() {
       window.uetq = window.uetq || [];
       window.uetq.push ('event', 'downloadbuttonclick', {});
       }
    </script>

       ...
    <button OnClick="GetCustomEvent()>Download now</button>

       ...
    </body>
  6. Guarda e implementa el código del sitio web editado.

Para ver un ejemplo del código de seguimiento de la etiqueta de UET de un evento personalizado instalado en el texto 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 después haz clic en Ver código fuente o Ver código fuente de la página, según cuál sea tu explorador. En esta página, también verás algunos botones. Al hacer clic en cada botón se activará un evento personalizado. Si usas una herramienta de supervisión de terceros como Fiddler, podrás ver la solicitud HTTP generada para bat.bing.com para notificar cada evento personalizado.

Notas
  • A medida que se carga la página web, activa la etiqueta de UET, lo que produce una serie de solicitudes HTTP. La solicitud más importante es a "bat.bing" (la que tiene un aspecto parecido a "http://bat.bing.com/action/0?ti=..."). Esta solicitud informa a Microsoft Advertising acerca de las visitas de los usuarios a tu página web. Puedes usar herramientas de terceros como Fiddler para supervisar todas las solicitudes que realice tu explorador cuando se cargue la página web.
  • Para los eventos personalizados, se activa una solicitud HTTP adicional para notificar lo mismo a Microsoft Advertising. La solicitud es similar a la de bat.bing, pero tiene parámetros diferentes para notificar eventos personalizados (a diferencia de la de las visitas de páginas).
Para llevar el seguimiento de ingresos variablesexpando image

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 de un objetivo de tipo de dirección URL de destino en las páginas PHP. En el ejemplo siguiente, se lee un valor dinámico de los ingresos variables desde una función de JavaScript. Será muy fácil enviar un valor estático o leer desde una variable de JavaScript o un 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>
  1. Abre el archivo de páginas de confirmación de conversiones. Si se generan varias páginas del mismo archivo, busca la sección en el archivo que genere tu página de conversión.
  2. Agrega una función de JavaScript que defina los ingresos variables o confirma que tu sitio ya la tiene. En el código anterior, es:
    <script>
       function GetRevenueValue()
    	  {
    		 return 6;
    	  }
    </script>

    Deberás sustituir esta sección con tu propia función de JavaScript.

  3. Agrega el código uetq.push al final del código de seguimiento de la etiqueta de UET para asociar el valor de ingresos a un objetivo de conversión. Actualiza el valor del importe del parámetro 'revenue_value' con el valor definido en el paso 2. En el código anterior, es:
    <script>
       window.uetq = window.uetq || [];
       window.uetq.push('event', '', {'revenue_value': GetRevenueValue(), 'currency': 'Replace_with_Currency_Code'});  
    </script>

    Notas
    • El comando 'event' siempre es necesario, aunque no se notifique ninguna acción de evento. Cuando generes informes de los ingresos variables del objetivo de una URL de destino, deberás dejar vacía la acción de evento (como en, 'event', '') y solo puedes tener los parámetros revenue_value y currency en el evento.
    • Para ver la lista completa de códigos de monedas, consulta Monedas de ingresos del objetivo de conversión. Puedes quitar el parámetro 'currency' si no se ha establecido una moneda en el objetivo de conversión.

  4. Asegúrate de agregar el código de seguimiento de la etiqueta de UET modificado al cuerpo de la página de confirmación de conversión, que es la página que ve el cliente después de completar la acción de la que quieres llevar el seguimiento (por ejemplo, la página de confirmación de la compra).

    Sugerencia: Busca la etiqueta "</body>" y pon el código de seguimiento de la etiqueta de UET justo encima de ella.

  5. Guarda y carga la página en tu servidor web.
Avanzado: Muestras de código para objetivos de conversiones de eventosexpando image

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 debes anexar para generar informes de los ingresos variables de un objetivo de conversión de evento. Si usas la misma función de JavaScript que en el paso 2, tendría este aspecto:

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

Notas
  • Para ver un ejemplo de etiqueta de UET de ingresos variables instalada en el texto 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 después haz clic en Ver código fuente o Ver código fuente de la página, según cuál sea tu explorador.
  • A medida que se carga la página web, activa la etiqueta de UET, lo que produce una serie de solicitudes HTTP. La solicitud más importante es a "bat.bing" (la que tiene un aspecto parecido a "http://bat.bing.com/action/0?ti=..."). Esta solicitud informa a Microsoft Advertising acerca de las visitas de los usuarios a tu página web. Puedes usar herramientas de terceros como Fiddler para supervisar todas las solicitudes que realice tu explorador cuando se cargue la página web.
  • Para los ingresos variables, se activa una solicitud HTTP adicional para notificar este valor a Microsoft Advertising. Es similar a la de bat.bing, pero tiene parámetros diferentes para notificar ingresos (a diferencia de la de las visitas de páginas).
  • Puedes validar la etiqueta de ingresos variables con el Asistente de la etiqueta de UET
Para usar los públicos de productoexpando image

Cuando hayas creado un público de producto (consulta Acerca de los públicos 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 anterior JavaScript, cambia los siguientes parámetros:

  • Replace_with_Product_ID : Reemplázalo por uno de los siguientes identificadores de productos:
    • El identificador de SKU que identifica exclusivamente un producto. En ocasiones se denomina (código universal de producto).
    • 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 identificador de tu fuente de productos de Microsoft Merchant Center.

  • 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:
    Público de producto que estás siguiendoTipo de página obligatorio
    Visitantes generaleshome/category/other, purchase*
    Nota: Cualquier usuario no incluido en el tipo de página de los resultados de búsqueda, producto, carro o compra se incluirán en el público de visitantes generales.
    Usuarios de búsquedas de productossearchresults, purchase*
    Usuarios que ven tus productosproduct, purchase*
    Clientes que han abandonado el carro de compracart, purchase*
    Antiguos clientespurchase

    * La página de compra es obligatoria con todos los públicos para que puedas quitar el cliente de un público después de que el cliente haya realizado una compra.

Para ver un ejemplo del código de seguimiento de una etiqueta de UET de públicos de productos instalado en el texto 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 después haz clic en Ver código fuente o Ver código fuente de la página, según cuál sea tu explorador. En esta página, también puedes definir un identificador de producto y un tipo de página, y después hacer clic en un botón para activar un evento personalizado de este público de producto. Si usas una herramienta de supervisión de terceros como Fiddler, podrás ver la solicitud HTTP generada para bat.bing.com para notificar cada evento personalizado.

Notas
  • A medida que se carga la página web, activa la etiqueta de UET, lo que produce una serie de solicitudes HTTP. La solicitud más importante es a "bat.bing" (la que tiene un aspecto parecido a "http://bat.bing.com/action/0?ti=..."). Esta solicitud informa a Microsoft Advertising acerca de las visitas de los usuarios a tu página web. Puedes usar herramientas de terceros como Fiddler para supervisar todas las solicitudes que realice tu explorador cuando se cargue la página web.
  • Para los eventos personalizados, se activa una solicitud HTTP adicional para notificar lo mismo a Microsoft Advertising. La solicitud es similar a la de bat.bing, pero tiene parámetros diferentes para notificar eventos personalizados (a diferencia de la de las visitas de páginas).
  • Puedes validar el buen funcionamiento de tus códigos de seguimiento de la etiqueta de UET de públicos de productos con el Asistente de la etiqueta de UET
Al implementar varias característicasexpando image

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 conversiones o las listas de remarketing basados 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>
  • Públicos de productos: Para segmentar un público de producto, tendrás que modificar el siguiente fragmento de código para devolver el identificador 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 característica 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>
    • Fragmento de código 2: para eventos personalizados basados en un objetivo de conversión o una lista de remarketing. Sin embargo, ten en cuenta que, si llevas el seguimiento de ingresos variables para un objetivo de conversión de eventos personalizados (no un objetivo de conversión de URL de destino), lo deberías incluir en el fragmento de código del 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>
4. Comprobar que la etiqueta funciona y solucionar problemasexpando image

Aplicación auxiliar de la etiqueta de UET

La forma más fácil de asegurarte de que tu etiqueta de UET funciona correctamente en cualquier página web consiste en usar la Aplicación auxiliar de la etiqueta de UET (una extensión de Chrome):


Revisar la columna de estado de seguimiento de UET en Microsoft Advertising

También puedes usar Microsoft Advertising para esta validación:

  1. Haz clic en la página Campañas y después, en el panel izquierdo, haz clic en Seguimiento de conversiones.
  2. En Seguimiento de conversiones, haz clic en Etiquetas de UET.
  3. En la tabla, revisa las columnas:
    Nombre de la etiqueta
    Qué es:
    El nombre de la etiqueta de UET.
    Por qué es importante:
    Cuando crees un objetivo de conversión o una lista de remarketing, selecciona el nombre de la etiqueta de UET que quieres usar.
    Descripción de la etiqueta
    Qué es:
    La descripción opcional de la etiqueta de UET.
    Por qué es importante:
    Ayuda a identificar la etiqueta de UET. Recomendamos que agregues la dirección URL o el nombre de la página del sitio web.
    Identificador de etiqueta
    Qué es:
    El identificador que Microsoft Advertising asocia a la etiqueta.
    Por qué es importante:
    La página Objetivos de conversiones indica el identificador de etiqueta de UET asociado al objetivo y permite ver el código de seguimiento de la etiqueta de UET.
    Estado del seguimiento
    Qué es:
    El estado de la etiqueta de UET. Puede ser Sin comprobar, Etiqueta activa o Etiqueta inactiva.
    Por qué es importante:
    Te permite saber si la etiqueta de UET funciona o no.
    Sin comprobar: Microsoft Advertising no ha recibido datos de actividad de los usuarios de la etiqueta de UET en tu sitio web. La comprobación por parte de Microsoft Advertising puede tardar hasta 24 horas en completarse. Si sigues viendo este estado, significa que no has agregado el código de seguimiento de la etiqueta de UET a tu sitio web o que hay un problema con la configuración que debes corregir.
    Etiqueta activa: Tu etiqueta de UET funciona y envía datos de actividad de los usuarios a Microsoft Advertising.
    Etiqueta inactiva: Microsoft Advertising no ha recibido datos de actividad de los usuarios de la etiqueta de UET en las últimas 24 horas. Asegúrate de que el código de seguimiento de la etiqueta de UET siga en tu sitio web.
    • ¿Qué se debe hacer si la etiqueta de UET no está activa?: Si la columna Estado de seguimiento muestra Etiqueta inactiva, Microsoft Advertising no ha recibido datos de actividad de los usuarios de la etiqueta de UET en las últimas 24 horas. Asegúrate de que el código de seguimiento de la etiqueta de UET siga en tu sitio web y, si no lo está, agrégalo de nuevo. También puedes usar la aplicación auxiliar de la etiqueta de UET para validar la etiqueta.
    Objetivos
    Qué es:
    El número objetivos de conversiones que usan esta etiqueta de UET.
    Por qué es importante:
    Es un vínculo que te lleva a la página Objetivos de conversiones solo con los objetivos asociados a esta etiqueta mostrada.
    Públicos
    Qué es:
    El número públicos que usan esta etiqueta de UET.
    Por qué es importante:
    Es un vínculo que te lleva a la página Públicos solo con los públicos asociados a esta etiqueta mostrada.
    Acción
    Qué es:
    Vínculo que abre el cuadro del código de seguimiento de la etiqueta de UET.
    Por qué es importante:
    Te permite enviar el código de seguimiento de la etiqueta de UET por correo electrónico, copiarlo o descargarlo en cualquier momento.

Limitaciones de la columna de estado de seguimiento: Aunque creemos que el estado de seguimiento te ayudará a validar tus configuraciones, queremos resaltar que lo siguiente no se puede comprobar en la columna de estado de seguimiento.

  • Si la etiqueta se ha instalado o no se ha instalado en el sitio: Microsoft Advertising genera un informe del estado de la etiqueta de UET como Etiqueta activa siempre que se haya registrado al menos un evento de UET (desde cualquier parte de tu sitio web).
  • Si se generan o no se generan informes de valores de eventos personalizados o de ingresos variables: Como ya se ha explicado antes, Microsoft Advertising no distingue entre eventos de carga de páginas (registrados de manera predeterminada) y eventos personalizados notificados cuando se genera un informe de la columna de estado de seguimiento.

Por lo tanto, recomendamos usar la aplicación auxiliar de la etiqueta de UET para validar tu etiqueta en tus páginas web individuales.

See more videos...