¿Cómo puedo agregar una etiqueta de UET a mi sitio web?
¿Cómo puedo agregar una etiqueta de UET a mi sitio web?
Una vez que hayas creado una etiqueta de UET, tendrás que agregarla a tu sitio web. Obtenga información sobre cómo hacerlo en JavaScript, usando un administrador de etiquetas o para sitios web de aplicación de una sola página (SPA).Importante
Debes poder editar el código de tu sitio web para agregar el código de seguimiento de la etiqueta UET. Si no estás seguro de cómo editar el código de tu sitio web, ponte en contacto con tu administrador de web.
Después de crear una etiqueta UET, el siguiente paso es agregar el código de seguimiento de la etiqueta UET a tu sitio web. Te recomendamos que tú, o tu administrador web, lo agreguéis a cada página del sitio web en la sección de encabezado o cuerpo.
Existen varias opciones para trabajar con etiquetas UET. Puede agregar el código de seguimiento de etiquetas UET directamente en el código de su sitio web mediante JavaScript o utilizar un administrador de etiquetas de terceros. Además, si tu sitio web fue creado en una plataforma web (como Shopify o WordPress), puede utilizar ese sistema para agregar tu etiqueta UET.
Nota
Puede agregar el código de seguimiento de la etiqueta UET en cualquier lugar de la sección de encabezado de tu página web (antes de la etiqueta de cierre head: " </head >") o de la sección cuerpo (antes de la etiqueta de cierre body: " </body >").
-
En el menú superior, selecciona Herramientas > Etiqueta de UET.
Si usa la nueva Microsoft Advertising navegación, en el menú de navegación de la izquierda, mantenga el puntero sobre Conversiones y seleccione Etiqueta UET.
- En la tabla, busca la etiqueta de UET que quieres usar y, en la columna Acción, selecciona Ver etiqueta.
- En el cuadro Código de seguimiento de la etiqueta de UET, selecciona Copiar.
- Pega el código de seguimiento de la etiqueta UET en cada página de tu sitio web, ya sea en la sección encabezado o cuerpo. En la imagen, el código de seguimiento de la etiqueta UET está pegado en la parte superior de la sección del cuerpo de la página web.
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:
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:
Notas
- Para ver un ejemplo de un código de seguimiento de etiquetas UET de JavaScript instalado en el cuerpo de una página web, visite esta página web (solo en inglés), seleccione y mantenga presionado o haga clic con el botón derecho en la página web y, a continuación, seleccione Ver origen o Ver origen de página en función del explorador.
- Al cargar tu página web, se activa la etiqueta UET, lo que da lugar a una serie de peticiones HTTP. La petición más importante es a "bat.bing" (la que se parece a "http://bat.bing.com/action/0?ti=..."). Esta petición informa Microsoft Advertising sobre las visitas de los usuarios a su página web. Puedes utilizar herramientas de terceros como Fiddler para monitorizar todas las peticiones que realiza tu navegador cuando se carga tu página web.
Usar etiquetas de UET con sitios web de aplicación de página única (SPA)
Aunque son comunes, los sitios web de aplicaciones de una sola página (SPA) son difíciles de rastrear. Con las SPA, el contenido se carga dinámicamente sin que se produzca el típico evento de navegación. 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, es necesario tratar cada navegación independiente como una nueva carga de página.
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' });
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í 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.