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: Configuración de UET con Google Tag Manager mediante integración directa
  • Este artículo muestra cómo realizar una configuración básica de las etiquetas de UET usando Google Tag Manager. Google Tag Manager ofrece varias características avanzadas para personalizar cuándo y cómo se disparan 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 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á el código del contenedor Google Tag Manager y las instrucciones.
  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 Google Tag Manager seguir 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 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. Configurar Google Tag Manager variables para leer valores dinámicos desde la página: aunque Google Tag Manager admite muchos tipos de variables (leídas desde elementos html, funciones, variables JavaScript, variables de capa de datos, etc.), configuraremos Google Tag Manager variables para leer las variables de capa de datos en este ejemplo.
    1. Visita nuestra Google Tag Manager página de muestra (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 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 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 Google Tag Manager página de ejemplo 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. 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 Secuencia de etiquetas, seleccione la casilla Activar una etiqueta antes de que se activen los ingresos variables de Microsoft Ads. 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. Comprueba el código de tu sitio web: comprueba que has agregado las variables siguientes 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 de arriba:
    <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...