Saltar al contenido

[GTM] Google TagManager Preview ¿cómo funciona?

A menudo, confiamos en las herramientas digitales y sus implementaciones sin cuestionarlas. Sin embargo, es crucial reconocer que una parte fundamental de cualquier proceso digital es la capacidad de medir su desempeño. Aquí radica la primera ventaja de embarcarse en un proyecto digital.

Es imprescindible someter estas implementaciones a un escrutinio periódico a través de auditorías. Las plataformas digitales son entidades dinámicas que evolucionan constantemente hacia nuevas versiones. Ya sea creando nuevas páginas, generando contenido o actualizando la seguridad de nuestras plataformas, todos estos cambios pueden introducir errores que afectan la precisión de las herramientas de análisis, como Google Analytics, para medir el tráfico y las conversiones.

Por lo tanto, es esencial poner en tela de juicio nuestras implementaciones digitales y llevar a cabo auditorías de Google Analytics de forma regular. Esto nos permite identificar y corregir posibles fallos, garantizando así la integridad y precisión de nuestros datos de análisis. En última instancia, estas prácticas de auditoría no solo mejoran la calidad de nuestros datos, sino que también nos brindan información valiosa para optimizar y mejorar continuamente nuestras estrategias digitales.

En este artículo, te guiare a través del TagManager Preview y te ayudaremos a identificar problemas comunes que pueden afectar la calidad de tus datos. Si tienes alguna pregunta o necesitas más ayuda, no dudes en ponerte en contacto ¡Estoy aquí para ayudarte!

¿Tag Manager Para que sirve?

GTM nos permite realizar Preview & Debugging dentro del ambiente productivo, una gran utilidad que nos permite reducir los tiempos para proyectos de implementaciones avanzadas de herramientas de medición como Google Analytics, o implementar conversiones con Google Ads, scripts Facebook o API de conversiones Facebook FBcAPI, pixel de TikTok y más 🚀 y esta es solo una de las Ventajas Al Utilizar Google Tag Manager

¿Por que No funcionan mis etiquetas en GTM?

mmm depende,… para poder responder esta consulta, es necesario averiguar primero ¿cómo está implementado Google TagManager? y segundo, necesitamos familiarizarnos con la vista de preview de GTM

¿Que es vista de «Preview» en Google Tag Manager?

Con gran detalle la vista de preview de Google TagManager nos informa de las Etiquetas, Variables y activadores creados en nuestro Contenedor. Para lo cual no seria necesario recurrir a Debugging tools adicionales como Google Analytics Debugger para confirmar si ¿Google Analytics mide bien?

La vista de «Preview» en Google Tag Manager (GTM) es una función que te permite previsualizar y probar tus etiquetas antes de implementarlas en tu sitio web en vivo. Esta característica es fundamental para garantizar que tus etiquetas se activen correctamente y recopilen datos según tus especificaciones.

Asumiendo que Google Tag Manager esta instalado correctamente, podes ir al contenedor y darle click al botón Preview, para el caso nos abrirá 2 solapas. Por las dudas repasa este articulo para instalar Google Tag Manager y confirmar que este todo en orden en tu Web y no demorarte en identificar un Error de instalación de GTM.

Plugin de Chrome para habilitar Preview GTM

Si es la primera vez que utilizamos el Preview de GTM nos requerirá instalar un plugin para el navegador, la última versión es Tag Assistant Companion

¿Como hacer un «Preview» en Google Tag Manager?

Aquí te proporciono un procedimiento estándar para confirmar que tus etiquetas se estén activando correctamente utilizando un ejemplo de etiqueta de Pageview de Google Analytics:

1 . Selecciona tu contenedor:

  • En la pantalla principal de Google Tag Manager, https://tagmanager.google.com/ busca el contenedor de tu proyecto con las etiquetas que deseas previsualizar.
  • Confirma que tienes los accesos adecuados. Si es un contenedor creado por otro y te esta dando acceso, 1ro debes aceptar la invitación para poder acceder al contenedor. (Ni siquiera se te listara entre tus contenedores hasta que aceptes la invitación)

2 . Ve a la vista de Preview:
En el panel izquierdo, selecciona «Vista Previa» en la parte superior. En este punto se abrirá una nueva solapa con la ventana de Debug

3 . Ingresa el Dominio

Para continuar, confiramos que GTM esta correctamente instalado, (1) ya instalamos el Plugin de Chrome (2) cargamos el Dominio donde tenemos nuestro GTM con HTTPs://

Luego nuestro navegador se conecta con el GTM de la Web y listo… 😎

Solapas de preview & Debug Google TagManager

Al final tenemos que tener 3 solapas,

  1. Google TagManager
  2. Solapa Preview
  3. El SitioWeb, con una modal que nos confirma que la conexión es correcta
la solapa de Preview and debug
La solapa con el sitio Web + Consola (el bloque negro de código «inspect element»)

GTM Preview & debug

GTM, solapa de Preview and debug

En la parte superior derecha de Google Tag Manager, vista previa (o Preview)

Test y QA en Producción 😅

Esta es una innovación destacada de Google Tag Manager (GTM). Por lo general, los desarrolladores requieren entornos de desarrollo, entornos de control de calidad (QA) y, por último, el entorno de producción. El entorno de producción nunca se modifica, ya que representa el funcionamiento del negocio, y cualquier alteración podría afectar a los visitantes y dañar la operación comercial. Sin embargo, esto ya no es un problema gracias a Google Tag Manager.

Con GTM, ahora es posible crear un entorno de prueba en tiempo real directamente en el entorno de producción sin afectar al negocio ni a los visitantes. Esta innovación marca un cambio radical en la industria y brinda a los profesionales la flexibilidad necesaria para probar y mejorar su implementación sin riesgos innecesarios.

Al utilizar la opción de Preview  podemos ver una vista previa de tus configuraciones en Google tag Manager utilizando un sistema de medición, que solo afectara tu sesión. El resto de los usuarios continuaran navegando el sitio sin problemas, 100% sin ser afectados por las modificaciones que estemos llevando adelante

¿Como funciona el Preview de GTM?

Luego de habilitar la vista previa, en una ventana de consola en la parte inferior del navegador se muestra el estado de cada etiqueta del contenedor (por ejemplo, activada o no activada).

A la Derecha, se muestra el estado de cada una de las etiquetas del contenedor. Agrupados en Tags Fired y Tags Not Fired

A la Izquierda vemos los eventos, pueden seleccionar cada uno de ellos y confirmar los Tags Fired y Tags Not Fired.

y hasta aquí puedo responderte ¿Por que No funcionan tus etiquetas en GTM? bueno ahora tu lo podes analizar y validar cada evento (en la Columna IZQ) y confirmas si es un problema de Activadores (Triggers) o en la configuración del la etiqueta.

GTM, solapa de Preview and debug

Espero que esta guía te sea de gran utilidad. Te animo a compartirla con tus contactos en LinkedIn, y tus compañeros de trabajo para que todos podamos aprovechar esta excelente herramienta. Personalmente, he estado utilizando Google TagManager durante muchos años, desde su versión beta, y he sido testigo de su evolución. Estoy agradecido por cómo ha simplificado mi trabajo.

Ahora es tu turno para explorar y aprovechar al máximo esta herramienta. Si tienes alguna pregunta o necesitas más ayuda, no dudes en ponerte en contacto. ¡Estoy aquí para ayudarte!