Configurar etiquetas 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 UET con Google Tag Manager.
Notas
  • Se recomienda usar la integración directa con Google Tag Manager, que es más fácil que otras opciones. Más información: Configurar UET con Google Tag Manager mediante la 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. Consulta la Ayuda del Administrador de etiquetas de Google para obtener más información.
  • Microsoft Advertising no es responsable de los procesos ni 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 te permite insertar dinámicamente etiquetas en tu sitio web. Puedes considerarlo como si la etiqueta del contenedor fuera un depósito 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 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. Especifica tu Microsoft Advertising id de etiqueta UET. Puedes buscar el id. de la etiqueta en Microsoft Advertising seleccionando Seguimiento de conversiones > Etiquetas UET.
    4. Si tienes más de un código de seguimiento de etiquetas UET en una página web, especifica el nombre de objeto de seguimiento de eventos global en el script de etiqueta UET que quieras 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 UET y cómo cambiar el nombre del seguimiento de eventos de uetq.

    Notas
    • Si no usas una variable de uetq diferente, la Aplicación auxiliar de etiquetas UET devolverá el problema "Hay varias etiquetas 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 etiquetas UET no pueda detectar el problema "Hay varias etiquetas 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 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 Activación, selecciona el icono de lápiz y, después, 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. 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, selecciona Seguimiento de conversiones > Etiquetas 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 UET para explorar tu sitio web y confirmar que todas las páginas activan el evento de carga de página de UET.
Agregar informes de eventos personalizados de UET mediante 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. 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, variables de capas de datos, 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:

      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

      Tendrás que asegurarte de que las variables en el código de tu sitio web coincidan 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 el área de trabajo del contenedor de 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, 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 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. 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 Etiquetas y después Nueva.
    2. En el panel 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 UET en una página web, especifica el nombre de objeto de seguimiento de eventos global en el script de etiqueta UET que quieras 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 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 "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 Activación, selecciona el icono de lápiz y el desencadenador que creaste en el paso 2. Seleccione Guardar.
    10. Escribe un Nombre de etiqueta y selecciona Guardar.
  4. Publica tus cambios: En la barra de herramientas del espacio de trabajo de tu contenedor de Google Tag Manager, selecciona 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...