¿Cómo puedo agregar una etiqueta de UET a mi sitio web?

¿Cómo puedo agregar una etiqueta de UET a mi sitio web?

Cuando hayas creado una etiqueta de UET, tendrás que agregarla a tu sitio web. Aprende a hacerlo en JavaScript, con un administrador de etiquetas o para sitios web de aplicación de página única (SPA).
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. La ventaja de usar un administrador de etiquetas es que te permite administrar las etiquetas de tu sitio web desde un solo lugar. 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 pestaña 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 Bing Ads 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).

See more videos...