Configurar etiquetas de UET con Google Tag Manager

Los administradores de etiquetas externos te permiten administrar las etiquetas de tu sitio web desde un solo lugar. Aprende a configurar etiquetas de UET con Google Tag Manager.
Notas
  • Este artículo muestra cómo realizar una configuración básica de las etiquetas de UET con Google Tag Manager. Google Tag Manager ofrece varias características avanzadas para personalizar cuándo y cómo se deben activar las etiquetas. Consulta 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 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.

Agregar la página base de UET para eventos de carga de páginas en Google Tag Manager expando 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 unas 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 espacio de trabajo de este contenedor, selecciona el id. del contenedor (con un formato similar a "GTM-XXXXXX") en la barra de herramientas. Verás las instrucciones y el código del contenedor de 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. Busca Universal Event Tracking de Microsoft Advertising.
    2. Asegúrate de que el tipo de seguimiento esté establecido en Vista de página/configuración de UET (obligatorio). Solo tienes que agregar una etiqueta de este tipo de seguimiento y debes activarla en todas las páginas.
    3. Introduce tu Id. de etiqueta de UET de Microsoft Advertising. Puedes buscar el id. de la etiqueta en Microsoft Advertising seleccionando Seguimiento de conversiones > Etiquetas de UET.
    4. Si tienes más de un código de seguimiento de etiquetas de UET en una página web, especifica el nombre de objeto de seguimiento de eventos global en el script de etiqueta de UET que quieres que siga Google Tag Manager en el cuadro Id. de variable de UETQ. De lo contrario, usa el valor uetq predeterminado. Obtén más información acerca de los motivos para crear más de una etiqueta de UET y cómo cambiar el nombre del seguimiento de eventos de uetq.

    Notas
    • Si no usas una variable de uetq diferente, el Asistente de etiquetas de UET devolverá el problema "Hay varias etiquetas de UET en esta página web que usan el mismo nombre de evento". Si tienes varias etiquetas puestas en el sitio y una de ellas se implementa mediante Google Tag Manager, es posible que la aplicación auxiliar de la etiqueta de UET no pueda detectar el problema "Hay varias etiquetas de UET en esta página web que usan el mismo nombre de evento".
    • Si ya has implementado el código de seguimiento de la etiqueta de UET en tu sitio web, te recomendamos que quites el código de seguimiento antes de agregar la etiqueta de UET para la vista de página desde Google Tag Manager.
  6. En el panel Triggering (Activación), selecciona el icono de lápiz y selecciona Todas las páginas. Las etiquetas deben tener al menos un desencadenador para que las active. Los desencadenadores se evalúan durante el tiempo de ejecución y se activan cuando se cumplen las condiciones del desencadenador. Selecciona Guardar.
  7. Escribe un nombre de etiqueta y después selecciona Guardar.
  8. En la barra de herramientas del espacio de trabajo de tu contenedor, selecciona Submit > Publish (Enviar > Publicar) para habilitar la etiqueta y agregar una versión.
  9. En Microsoft Advertising, selecciona Seguimiento de conversiones > Etiquetas de UET para comprobar que estás recibiendo conversiones. La comprobación de las etiquetas suele tardar hasta 24 horas.
  10. Usa la Aplicación auxiliar de la etiqueta de 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 Manager expando 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 de 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. Configura variables de Google Tag Manager para leer valores dinámicos desde tu página: Aunque Google Tag Manager admite muchos tipos de variables (leer de elementos html, funciones, variables de JavaScript, etc.), configuraremos las variables de Google Tag Manager para que lean variables de capas de datos en este ejemplo.
    1. Visita nuestra página de muestra de Google Tag Manager (solo en inglés), haz clic con el botón derecho en la página web y después selecciona Ver código fuente o Ver código fuente de la página, según cuál sea tu explorador. Verás las siguientes variables:
      <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

      Tendrás que asegurarte de que las variables en el código de tu sitio web coinciden con los parámetros necesarios para el evento personalizado requerido para tus escenarios (por ejemplo, conversiones de eventos personalizados, ingresos variables o remarketing dinámico). Para este ejemplo, supongamos que tienes los parámetros especificados arriba en tu sitio web y quieres que Google Tag Manager los lea.

    2. En la página Workspace del contenedor de Google Tag Manager, selecciona Variables.
    3. En User-Defined Variables (Variables definidas por el usuario), selecciona Nueva.
    4. En el panel Variable Configuration (Configuración de variables), selecciona el icono de lápiz.
    5. En Page Variables (Variables de página), selecciona Data Layer Variable (Variable de capa de datos).
    6. En el cuadro Variable Name (Nombre de variable), especifica el nombre que diste a esta variable en tu capa de datos. En nuestro ejemplo, sería uno de los siguientes: ecomm_prodid, ecomm_pagetype, ecomm_totalvalue, currency, items o transaction_id.
    7. Asigna un nombre a tu variable y selecciona Guardar. Por ejemplo, la variable de ecomm_prodid se denomina 'Product IDs'.
    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 de Google Tag Manager, selecciona Triggers (Desencadenadores) y después New (Nuevo).
    2. En el panel Trigger Configuration (Configuración de desencadenadores), selecciona el icono de lápiz y selecciona Custom Event (Evento personalizado).
    3. Especifica un Nombre de evento y selecciona Guardar. En nuestro ejemplo, el nombre del evento es 'Purchase'.
    4. Introduce un Nombre de desencadenador y selecciona Guardar.

    Importante
    • Tus desencadenadores de Google Tag Manager deben coincidir con las posibles interacciones codificadas en tu página web.
    • Echa un vistazo a nuestra página de muestra de Google Tag Manager para ver un ejemplo. En esta página, hemos codificado un clic en un botón. Haz clic con el botón derecho en la página web y después selecciona Ver código fuente o Ver código fuente de la página, según cuál sea tu explorador, y busca el código con id=btnCustomEvent.
  3. Crea una etiqueta nueva: Esta será una etiqueta de evento personalizada que vincula las variables de evento y el activador que acabas de crear.
    1. En el espacio de trabajo de tu contenedor de Google Tag Manager, selecciona Tags (Etiquetas) y después New (Nuevo).
    2. En el panel Tag Configuration (Configuración de etiquetas), selecciona el icono de lápiz.
    3. En Más, selecciona Universal Event Tracking de Microsoft Advertising.
    4. Si tienes más de un código de seguimiento de etiquetas de UET en una página web, especifica el nombre de objeto de seguimiento de eventos global en el script de etiqueta de UET que quieres que siga Google Tag Manager en el cuadro Id. de variable de UETQ. De lo contrario, usa el valor uetq predeterminado.
    5. Selecciona el tipo de seguimiento adecuado en función del escenario al que quieras agregar la etiqueta de UET. Los tipos de seguimiento disponibles son: Vertical: Comercio electrónico, Vertical: Hoteles, Vertical: Viaje, Ingresos variables por URL de destino, Conversión personalizada, Vista de página (aplicación de una sola página) o Define la tuya.
    6. Selecciona la acción de evento adecuada en función de tu escenario. Por ejemplo, en la página de confirmación de la compra, establece la Acción de evento como Por ejemplo, en la página de confirmación de la compra, establece la Acción de evento como ‘Purchase’.
    7. Introduce las variables que has creado en el paso 1 en los cuadros respectivos de Parámetros de evento. Puedes seleccionar las variables con el icono del signo más. En nuestro ejemplo, hemos establecido 'Retail product ID' como {{Product IDs}}, 'Retail price' como {{Total value}} y 'Retail total value' como {{Total price}}.
    8. Agrega la matriz de artículos para el precio por producto, el id. de la transacción y cualquier otro parámetro adicional seleccionando Agregar parámetro. En nuestro ejemplo, agregamos los parámetros creados anteriormente y establecemos sus valores. Establecemos 'items' como {{UET items array}} y 'transaction_id' como {{Transaction id}}.
    9. En el panel Triggering (Activación), selecciona el icono de lápiz y el desencadenador que creaste en el paso 2. Selecciona Guardar.
    10. Escribe un nombre de etiqueta y después selecciona Guardar.
  4. Publica tus cambios: En la barra de herramientas del espacio de trabajo de tu contenedor de Google Tag Manager, selecciona Submit > Publish (Enviar > Publicar).
  5. Comprueba el código del sitio web: Comprueba que has agregado las siguientes variables a la capa de datos de la página web donde los clientes completan el evento, por ejemplo, la confirmación de la 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 la etiqueta de UET para confirmar que el evento y los parámetros correspondientes en el evento se activan desde tu sitio web.

See more videos...