Configurar etiquetas UET con Google Tag Manager

Los administradores de etiquetas de terceros le permiten administrar las etiquetas de su sitio web en un solo lugar. Obtenga información sobre cómo configurar etiquetas UET mediante Google Tag Manager.
Notas
  • Se recomienda usar la integración directa con Google Tag Manager, que es más fácil que otras opciones. Aprenda más: Configuración de UET con Google Tag Manager mediante integración directa
  • En este artículo se muestra cómo realizar una configuración básica de etiquetas UET con Google Tag Manager. Google Tag Manager ofrece varias características avanzadas para personalizar cuándo y cómo se activan las etiquetas. Consulte la Ayuda del administrador de etiquetas de Google para obtener más información.
  • Microsoft Advertising no es responsable de los procesos o la documentación de Google Tag Manager, ni de los cambios realizados en los procesos o la documentación de Google Tag Manager.

Los administradores de etiquetas reemplazan las etiquetas estáticas por 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 permite insertar etiquetas dinámicamente en el sitio web. Puede considerar la etiqueta de contenedor como un cubo que contiene otros tipos de etiquetas.

Agregar la página base de UET para eventos de carga de páginas en Google Tag Managerexpando image

Para enviar información de Google Tag Manager a Microsoft Advertising, deberás crear un “contenedor” en Google Tag Manager y después agregarle la etiqueta de UET de Microsoft Advertising.

Así es como puedes empezar con la etiqueta de UET básica que se activa en todas las páginas:

  1. Cuando configures una cuenta en Google Tag Manager, especifica la URL de tu sitio web en el cuadro Nombre de contenedor.
  2. En la página Información general del área de trabajo de este contenedor, seleccione el identificador de contenedor (con el formato "GTM-XXXXXX") en la barra de herramientas. Verá las instrucciones y el código del contenedor Google Tag Manager.
  3. Copia el código del contenedor y pégalo en la sección de encabezado o de texto del código de cada página de tu sitio web.
  4. De nuevo en la página Información general del espacio de trabajo de tu contenedor, selecciona Nueva etiqueta.
  5. En el panel Configuración de etiquetas, elige un tipo de etiqueta para comenzar la configuración.
    1. Busque Microsoft Advertising seguimiento de eventos universales .
    2. Asegúrese de que el tipo de pista está establecido en la vista de página o configuración de UET (obligatorio).Solo tiene que agregar una etiqueta de este tipo de pista y debe desencadenarla en todas las páginas.

      Nota

      Active la casilla Habilitar el seguimiento automático de eventos de vista de página en Configuración de etiquetas (para la etiqueta base) para realizar un seguimiento automático de los eventos de vista de página en la navegación.

    3. Escriba el Microsoft AdvertisingIdentificador de etiqueta de UET . Puede encontrar el identificador de etiqueta en Microsoft Advertising seleccionando Seguimiento de conversión > etiquetas UET.
    4. Si tiene más de un código de seguimiento de etiquetas UET en una página web, escriba el nombre del objeto de seguimiento de eventos global en el script de etiquetas UET del que desea que Google Tag Manager realice un seguimiento en el cuadro Id. de variable de UETQ. De lo contrario, use el valor uetq predeterminado. Obtenga más información sobre las razones para crear más de una etiqueta UET y cómo cambiar el nombre del seguimiento de eventos uetq.

    Notas
    • Si no usa una variable uetq diferente, el asistente de etiquetas UET devolverá el problema "Varias etiquetas UET en esta página web usan el mismo nombre de evento". Si tiene varias etiquetas colocadas en el sitio y una de ellas se implementa a través de Google Tag Manager, es posible que el asistente de etiquetas UET no detecte el problema "Varias etiquetas UET en esta página web usan el mismo nombre de evento".
    • Si ya has implementado el código de seguimiento de la etiqueta UET en tu sitio web, te recomendamos que quites el código de seguimiento antes de agregar la etiqueta UET para la vista de página desde Google Tag Manager.
  6. En el panel Desencadenamiento, seleccione el icono de lápiz y seleccione Todas las páginas. Una etiqueta debe tener al menos un desencadenador para que se active. Los desencadenadores se evalúan durante el tiempo de ejecución y se desencadenan cuando se cumplen las condiciones del desencadenador. Seleccione Guardar.
  7. Escribe un Nombre de etiqueta y selecciona Guardar.
  8. En la barra de herramientas del espacio de trabajo de tu contenedor, selecciona Enviar > Publicar para habilitar la etiqueta y agregar una versión.
  9. En Microsoft Advertising, seleccione Seguimiento de conversiones > etiquetas UET para comprobar que recibe conversiones. Normalmente, una etiqueta tarda hasta 24 horas en comprobarse.
  10. Usa la Aplicación auxiliar de la etiqueta UET para explorar tu sitio web y confirmar que todas las páginas activan el evento de carga de página de UET.
Agregar eventos personalizados de UET con Google Tag Managerexpando image
Importante

Para configurar eventos personalizados para situaciones como los ingresos variables o el remarketing dinámico con Google Tag Manager, debes haber agregado la etiqueta UET a Google Tag Manager, tal como se describe en la sección anterior.

Los eventos personalizados requieren valores dinámicos, de modo que tienes que especificar a Google Tag Manager cómo leerlos.

  1. Configure Google Tag Manager variables para leer valores dinámicos de la página : Aunque Google Tag Manager admite muchos tipos de variables (lectura de elementos HTML, funciones, variables de JavaScript, variables de capa de datos, etc.), configuraremos variables de Google Tag Manager para leer variables de capa de datos en este ejemplo.
    1. Visite nuestra Google Tag Managerpágina de ejemplo de (solo en inglés), 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. Verá las siguientes variables:

      Para el seguimiento de ingresos:

      <script> dataLayer.push({ 'event': 'Purchase', 'revenue_value': 55.55, 'currency': 'USD', 'transaction_id': 'tid123456', }); </script>

      Para el remarketing dinámico y otros escenarios:

      <script> dataLayer.push({ 'event': 'Purchase', 'ecomm_prodid': ['abc123', 'xyz456'], 'ecomm_pagetype': 'purchase', 'ecomm_totalvalue': 55.55, 'currency': 'USD', 'items': [{ 'id': 'abc123', 'price': 11.11, 'quantity': 1 }, { 'id': 'xyz456', 'price': 22.22, 'quantity': 2 }], 'transaction_id': 'tid123456', }); </script>

      Importante

      Deberá asegurarse de que las variables del código del sitio web coincidan con los parámetros necesarios para el evento personalizado necesario para los escenarios (por ejemplo, conversiones de eventos personalizados, ingresos variables o recomercialización dinámico). En este ejemplo, supongamos que tiene los parámetros anteriores en su sitio web y desea que Google Tag Manager los lea.

    2. En el área de trabajo del contenedor Google Tag Manager selecciona Variables.
    3. En Variables definidas por el usuario, selecciona Nueva.
    4. En el panel Configuración de variables, selecciona el icono de lápiz.
    5. En Variables de página, selecciona Variable de capa de datos.
    6. En el cuadro Nombre de variable, escriba el nombre que asignó a esta variable en la capa de datos. En nuestro ejemplo, sería uno de los siguientes: ecomm_prodid, ecomm_pagetype, ecomm_totalvalue, moneda, elementoso transaction_id.
    7. Asigne un nombre a la variable y seleccione Guardar. Por ejemplo, la variable de ecomm_prodid se denomina "Id. de producto".
    8. Repite el proceso anterior, creando una nueva variable para cada parámetro que sea necesario para el escenario que usas en Microsoft Advertising.
  2. Configura un desencadenador:
    1. En el espacio de trabajo de tu contenedor Google Tag Manager selecciona Desencadenadores, y después Nuevo.
    2. En el panel Configuración de desencadenadores, selecciona el icono de lápiz y, después, Evento personalizado.
    3. Escriba un nombre de eventoy seleccione Guardar. En nuestro ejemplo, el nombre del evento es "Purchase".
    4. Introduce un Nombre de desencadenador y selecciona Guardar.

    Importante
    • Los desencadenadores de Google Tag Manager deben coincidir con las posibles interacciones codificadas en la página web.
    • Consulte nuestra Google Tag Managerpágina de ejemplo de para ver un ejemplo. En esta página, hemos codificado un clic en un botón. 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 y busque el código con id=btnCustomEvent.
  3. Configurar el seguimiento de conversiones de eventos personalizados en Google Tag Manager: esta será una etiqueta de evento personalizada que vincula las variables de evento y desencadena el que acaba de crear.
    1. En Google Tag Manager, cree una nueva etiqueta y elija "Seguimiento de eventos universal de Bing Ads" como tipo de etiqueta.
    2. En la lista desplegable Tipo de evento, seleccione Personalizado.
    3. Los valores establecidos para Categoría, Acción, Etiquetay Valor deben coincidir con los valores establecidos para el objetivo de conversión en la cuenta de Microsoft Advertising.
    4. En Secuenciación de etiquetas, seleccione la casilla Activar una etiqueta antes de que se activen los ingresos variables de Anuncios de Microsoft. Seleccione Etiqueta UET de Microsoft Ads en la lista desplegable Etiqueta de configuración.
    5. Asegúrese de que el desencadenador que ha establecido está configurado antes de configurar la etiqueta para asegurarse de que se activará correctamente en la página donde se producirá el evento personalizado.
    6. Seleccione Guardar en la esquina superior derecha de la etiqueta.
  4. Publicar los cambios: en la barra de herramientas del Google Tag Manager área de trabajo del contenedor, seleccione Enviar > publicar.
  5. Compruebe el código de su sitio web: Compruebe que ha agregado las siguientes variables a la capa de datos en la página web donde los clientes completan el evento, por ejemplo, la confirmación de compra del producto. En nuestro ejemplo anterior:
    <script> dataLayer.push({ 'event': 'Purchase', 'ecomm_prodid': ['abc123', 'xyz456'], 'ecomm_pagetype': 'purchase', 'ecomm_totalvalue’: 55.55, 'currency’: ‘USD’, 'items': [{ 'id': 'abc123', 'price': 11.11, 'quantity': 1 }, { 'id': 'xyz456', 'price': 22.22, 'quantity': 2 }], 'transaction_id': 'tid123456', }); </script>
  6. Valida tus etiquetas: usa la aplicación auxiliar de etiquetas de UET para confirmar que el evento y sus correspondientes parámetros se inician desde tu sitio web.

See more videos...