Google Tag Manager vs Google Analytics: ¿Cuál es la diferencia?

Actualizado: 16 de julio de 2020. Cuando oí hablar por primera vez de Google Tag Manager (GTM) a principios de 2013, me sentí un poco confundido. En ese momento no tenía ni idea de que la gestión de etiquetas era una cosa en absoluto, así que, naturalmente, me encontré preguntando ¿qué es Google Tag Manager? Cuál es la diferencia entre los eventos de Google Analytics y los eventos de GTM?

Y hoy en día realmente sigo notando esta tendencia de confusión entre muchos principiantes. En esta entrada del blog, compararé Google Tag Manager vs Google Analytics y te mostraré las principales diferencias.

Alerta de spoiler: no se sustituyen entre sí. Están pensados para usarse juntos.

Google Analytics en pocas palabras

El objetivo principal de Google Analytics es rastrear datos, almacenarlos y generar informes sobre tu sitio web, por ejemplo:

• ¿Cuántas personas visitaron tu sitio web ayer?
• ¿De qué país son?
• ¿Cuántas páginas visitaron por sesión?
• ¿Cuántos visitantes rebotaron en su sitio web (sin realizar ninguna acción)?
• ¿Qué páginas fueron las más populares, etc.?

La única manera en que Google Analytics puede rastrear estas interacciones de los usuarios es con la ayuda de un código de seguimiento (también conocido como fragmento de código GA Javascript) que debe ser colocado en cada página de su sitio web.

Una vez que se produce una interacción en un sitio (por ejemplo, pageview), un fragmento de código Javascript envía los datos correspondientes a Google Analytics.

No hay ningún problema si sólo quiere poner la etiqueta GA en todos los sitios web y realizar un seguimiento de la información general como páginas vistas, tasa de rebote, duración de la sesión, referencias, etc. Sin embargo, te estás limitando mucho.

Es posible que quieras hacer un seguimiento de cuántas personas utilizan una característica específica en tu sitio web / aplicación. O tal vez usted está interesado en el seguimiento de las ventas, ¿eh? En este caso, tendrá que añadir etiquetas personalizadas – eventos de Google Analytics que envían los datos sólo cuando un visitante completa una acción particular en su sitio web. Un buen ejemplo aquí podría ser el envío de un formulario.

¿Entonces qué haces aquí? Pedir al desarrollador que añada esa etiqueta de seguimiento de envío de formulario a un sitio web (directamente en el código), ¿verdad? Pero, ¿qué sucede cuando hay decenas o cientos de interacciones que está dispuesto a rastrear con Google Analytics?

Desgraciadamente, requerirá mucho tiempo del desarrollador (¡y siempre están muy ocupados!). Podrían pasar semanas o incluso meses hasta que pueda poner en marcha sus etiquetas de marketing, lo que es un verdadero fastidio.

Google Tag Manager al rescate!

Google Tag Manager facilita la gestión de este lío de etiquetas permitiéndole definir las reglas de cuándo deben dispararse ciertas etiquetas, pero primero, vamos a dar una rápida visión general de GTM.

Si prefieres el contenido en vídeo, esto es lo que hace GTM en pocas palabras:

Google Tag Manager es un software gratuito de Google que te permite desplegar varios tipos de código (etiquetas) en tu sitio web. Algunos buenos ejemplos de una etiqueta serían el código de seguimiento de Google Analytics, los códigos de eventos de Google Analytics, el script de conversión de Google Ads y las etiquetas de remarketing. Hay muchos más tipos de código que se pueden añadir a su sitio web utilizando GTM, incluidos los códigos personalizados.

Google Tag Manager no sustituye a Google Analytics. En su lugar, ayuda a los usuarios a añadir fácilmente el código de seguimiento de Google Analytics (etiqueta) a un sitio web, desplegar fragmentos de código de eventos de GA y definir reglas cuando cada código debe dispararse.

Antes de GTM, los códigos de seguimiento de GA tenían que ser codificados con fuerza, normalmente por un desarrollador web en cada página individual. Tener cientos de eventos es muy difícil a la hora de mantenerlos/actualizarlos. Pero Google Tag Manager resuelve este problema porque todas tus etiquetas se almacenan en un solo lugar: tu cuenta de GTM.

Imagina que Google Tag Manager es una caja de herramientas, donde guardas todas tus herramientas: una regla (Google Analytics), un martillo (Google Ads), etc.

Google Tag Manager también te permite probar tus etiquetas para asegurarte de que se activan al cargar la página correcta o al hacer clic en un botón concreto. Otra gran ventaja: puede cambiar sus etiquetas y la forma en que funcionan sin cambiar realmente el código fuente de su sitio web (lo que tal vez no pueda hacer debido a los ciclos de publicación lentos o a la apretada agenda de los desarrolladores); en su lugar, solo tiene que editar las etiquetas en la interfaz de usuario de GTM y publicar los cambios con un clic en un botón.

Google Analytics no es la única etiqueta compatible con Google Tag Manager. Otros ejemplos incluyen:

• Etiqueta de conversión de Google Ads.
• Etiqueta de remarketing de Google Ads.
• Código de Facebook Pixel.
• Código de seguimiento de Crazyegg.
• Código de seguimiento de Inspectlet.
• Cualquier otro código HTML/Javascript personalizado.

¿Cuál es la diferencia entre Google Analytics y Google Tag Manager?

Son dos cosas totalmente diferentes que sirven para dos propósitos muy distintos.

Google Tag Manager te permite gestionar varios códigos de seguimiento de Javascript (también conocidos como Tags) en tu sitio web. El código de seguimiento de Google Analytics es una de esas etiquetas.

Google Analytics es una herramienta de análisis que proporciona informes. Google Tag Manager no tiene características de informes. Se utiliza para enviar los datos de su sitio web a otras herramientas de marketing/analítica (incluyendo GA).

Si no quiere utilizar Google Tag Manager, está bien. Puedes seguir añadiendo los códigos de seguimiento de Google Analytics directamente en el código fuente de tu sitio web (pero ten en cuenta que tú, como marketero/analista, perderás mucha flexibilidad).

Ejemplo

Como he señalado anteriormente, Google Analytics es un Tag en sí mismo. Según las instrucciones de GA, es necesario colocar el código de seguimiento de GA en cada página de su sitio web. Un ejemplo de código de seguimiento debería tener este aspecto:

<!-- Global site tag (gtag.js) - Google Analytics --><script async src="https://www.googletagmanager.com/gtag/js?id=UA-83848370-1"></script><script> window.dataLayer = window.dataLayer || ; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-XXXXXXX-X');</script>

Google Tag Manager ofrece una plantilla de etiqueta de Google Analytics por defecto, por lo que configurarla es bastante fácil. Después de instalar GTM en su sitio web, vaya a Etiquetas.

• Haga clic en Nuevo
• Haga clic en el bloque Configuración de etiquetas y elija plantilla de etiquetas – Universal analytics
• Añada la variable de configuración de Google Analytics. Si eres nuevo, aquí tienes una guía.
• Mantén el tipo de seguimiento como Pageview y haz clic en la sección Triggering.
• Elige All pages.

¡Felicidades! Acaba de crear una etiqueta Pageview de Google Analytics en Google Tag Manager. Hará un seguimiento de las páginas vistas en todas las páginas que tengan instalado el fragmento de contenedor de GTM. Todas las pageviews serán enviadas a la propiedad de Google Analytics UA-XXXXXXX).

Google Tag Manager vs Google Analytics: Eventos

En Google Analytics todos los eventos se muestran en el informe de eventos (Comportamiento → Eventos). Suelen representar interacciones que han ocurrido en su página web. Los datos de este informe se rellenan a partir de los impactos de los eventos que se envían desde su página web a los servidores de Google Analytics. Antes del nacimiento de los sistemas de gestión de etiquetas (como GTM) los hits de eventos tenían que ser iniciados por pequeños códigos Javascript colocados en su página web. He aquí un ejemplo:

gtag('event', <action>, { 'event_category': <category>, 'event_label': <label>, 'value': <value>});

Como puede ver, este fragmento de código contiene eventCategory, eventAction, eventLabel y eventValue (opcional). Después de que se produzca una acción determinada en su sitio web (por ejemplo, el usuario envía el formulario «Contacto»), se disparará el evento de Google Analytics y los datos correspondientes se pasarán a Google Analytics, por ejemplo:

gtag('event', 'Contact form', { 'event_category': 'Form submission', 'event_label': 'https://www.example.com/contact-us'});

Puede realizar un seguimiento de esos eventos en los informes de GA en tiempo real.

Ahora vamos a hablar de los eventos de Google Tag Manager. Para poder verlos habilita el modo de Vista Previa y Depuración de GTM haciendo clic en el botón de Vista Previa en la esquina superior derecha de la interfaz de Google Tag Manager.

Después de habilitar el modo de Vista Previa y Depuración, aparecerá un gran banner de notificación naranja en la interfaz de usuario de GTM.

Una vez habilitado el modo de previsualización, navegue hasta el sitio en el que se encuentra el código del contenedor de Google Tag Manager y verá una ventana de consola de depuración en la parte inferior del navegador que muestra información detallada sobre sus etiquetas, incluido su estado de disparo y los datos que se están procesando. Si no ha aparecido, lee la guía que explica cómo arreglar el modo de vista previa de GTM.

En la parte izquierda de la consola de vista previa y depuración, deberías ver una lista de algunas definiciones. Estas, amigo mío, son los Eventos de Google Tag Manager.

En realidad juegan un papel muy importante dentro de GTM – puedes disparar tus Tags (scripts de varias herramientas de marketing) basándote en estos eventos de Google Tag Manager. Aquí hay algunos ejemplos para que sea más fácil de comprender:

• Un evento de Google Tag Manager Pageview puede ser utilizado como un disparador para disparar Google Analytics Pageview Tag.
• Un Link Click obviamente ocurre cuando se hace clic en un determinado elemento con un enlace. Por ejemplo, cuando alguien hace clic en un enlace PDF en su sitio web, puede enviar este clic como evento de Google Analytics (y verlo en sus informes). P.D. Fuera de la caja, no verá ningún evento excepto Pageview, DOM Ready y Window Loaded. Para empezar a ver eventos, necesita tener al menos un disparador de ese tipo habilitado en el contenedor. Aquí hay un ejemplo de cómo rastrear los clics de enlaces y los clics de botones.
• Un evento GTM de envío de formulario (que ocurre cuando un visitante envía un formulario) puede desencadenar otra etiqueta de evento de Google Analytics (que envía un evento con los datos del formulario enviado a los informes de eventos de GA). El evento GTM de envío de formulario también se puede utilizar como disparador para disparar una etiqueta de conversión de Google Ads (o cualquier otra etiqueta que desee, depende de su imaginación)
• Dado que todos los eventos de Google Tag Manager se rellenan en Data Layer, también puede pedir a su desarrollador que dispare eventos personalizados de Google Tag Manager (a.k.a. «Eventos de la Capa de Datos»).

Para resumir, el evento de Google Tag Manager es una interacción en su sitio web que es detectada por GTM y luego colocada en la Capa de Datos (p.s. La Capa de Datos se crea automáticamente en su sitio web cuando se implementa y publica el código contenedor de GTM). Esa interacción en su sitio web se puede utilizar como un disparador (condición) para disparar sus etiquetas de seguimiento (scripts), por ejemplo, el píxel de Facebook, los eventos de Google Analytics, los eventos de Mixpanel, los AdsTags de Google, etc.



Así que como puede ver, Google Tag Manager es el intermediario en su implementación de Digital Analytics. Observa las interacciones que se producen en su sitio web, crea eventos GTM y luego los utiliza para disparar etiquetas (por ejemplo, Google Analytics Event). Aunque el término Evento es el mismo en ambos productos de Google, en Google Tag Manager un Evento de GTM es un disparador, mientras que el Evento de GA es una Etiqueta.



¿Qué pasa con los Objetivos de Google Analytics?

Si lees todos los comentarios que hay debajo de este post, te darás cuenta de varios temas que se repiten. Uno de ellos: Los objetivos de Google Analytics. Cómo hay que configurarlos con Google Tag Manager? En realidad, los objetivos no funcionan así y Google Tag Manager no tiene ninguna relación directa con ellos.

Hablando de la relación entre GTM y GA, Google Tag Manager es una forma de transporte de datos, que envía diversas interacciones (páginas vistas, eventos, transacciones, etc.) a Google Analytics.

Algunas de esas interacciones son más importantes que otras (por ejemplo, la suscripción a una newsletter o la visita a la página de «Confirmación de pedido») y se llaman objetivos. Cómo entiende Google Analytics qué interacciones son más importantes que otras?

Eso se hace configurando GA (no GTM). Tienes que ir a la sección de administración de Google Analytics > Ver > Objetivos y crear un objetivo. Puede estar basado en las páginas vistas, en los eventos o en el compromiso (por ejemplo, ha visitado > 3 páginas). Después de que un objetivo esté bien configurado, ciertas páginas vistas o eventos serán tratados como acciones importantes (objetivos).

En otras palabras, le dices a GA que algunas interacciones (que se envían a GA) son más valiosas para el negocio. Y no importa cómo se ha enviado esa interacción a Google Analytics, si es a través de GTM, o directamente desde el código del sitio web, o desde otro lugar.

¿Ves la diferencia? GTM es una forma de pasar los datos de la interacción a Google Analytics. Los objetivos son interacciones valiosas que se configuran en el propio GA.

Migración a Google Tag Manager

Si tienes un sitio que está usando el hardcoded de Google Analytics y quieres migrar a GA + GTM, hay varias cosas que debes tener en cuenta. Si la migración se hace mal, romperá su configuración y los nuevos datos se perderán/corromperán.

En general, tendrá que eliminar los códigos de GA hardcoded de su sitio web y añadir el código contenedor de Google Tag Manager a todas las páginas del sitio. A continuación, disparará las etiquetas de Google Analytics a través de Google Tag Manager.

Sus datos históricos no se perderán, pero la migración puede afectar negativamente a sus datos futuros (si se hace incorrectamente). Suscríbase a mi boletín de noticias (abajo) y descargue un E-Book gratuito Google Tag Manager para principiantes. Ese libro electrónico contiene un capítulo sobre la migración a Google Tag Manager + Google Analytics.



Todavía no estás seguro de si GTM merece tu tiempo?

Está perfectamente bien si todavía tienes dudas sobre GTM y si empezar a usarlo. Por eso he publicado otra guía que enumera un montón de razones por las que vale la pena que GTM forme parte de tu pila de analítica digital/marketing.

Google Tag Manager VS Google Analytics: Conclusión

Espero que esta entrada del blog haya tenido sentido para ti, aunque algunas partes puedan parecer realmente complicadas. En pocas palabras: GA es la herramienta de análisis que proporciona informes sobre la actividad de tu sitio. GTM es una herramienta que dispara sus códigos de seguimiento basados en reglas definidas. Al final, puedes implementar el código de GA en tu sitio directamente, o puedes implementar el código de GTM en un sitio y utilizar GTM para disparar tu código de GA.

Si quieres más detalles, aquí están los puntos principales que deben ser enfatizados una vez más cuando se trata de comparar Google Tag Manager vs Google Analytics:

• Google Tag Manager no reemplaza a Google Analytics. En cambio, ayuda a los usuarios a añadir fácilmente los códigos de seguimiento de Google Analytics (etiquetas) a su sitio web, desplegar fragmentos de código de eventos GA y definir reglas, cuando cada etiqueta debe disparar.
• Google Tag Manager es el intermediario de su implementación de análisis digital en cualquier sitio web. Si desea añadir código de seguimiento de Google Analytics o eventos, se recomienda hacerlo con GTM, ya que no necesita hacer cambios constantes en el código del sitio web, por lo tanto su proceso de implementación es más rápido.
• Google Tag Manager puede existir sin Google Analytics y viceversa. Sus desarrolladores pueden hard-code códigos de Google Analytics directamente a su sitio web. Pero si usted publica constantemente necesita cambios, sólo los desarrolladores pueden ayudarle aquí. Mientras que con GTM podría añadir/editar/eliminar sus códigos de seguimiento de Google Analytics por sí mismo. También puede utilizar Google Tag Manager para añadir Facebook, Google Ads o cualquier otra secuencia de comandos de seguimiento a su sitio web (dejando Google Analytics detrás).
• Los eventos de Google Tag Manager se utilizan como desencadenantes que definen cuando una determinada etiqueta debe ser disparada. El evento de Google Analytics en este contexto es un Tag. Ejemplo: El evento de GTM formSubmission se puede utilizar como disparador para disparar una etiqueta de evento de GA llamada «Form submission».
• No se pueden crear objetivos de Google Analytics en Google Tag Manager. GTM envía eventos/páginas/otras interacciones regulares a GA. Los objetivos se configuran dentro de Google Analytics, donde se instruye a GA para que convierta algunas interacciones regulares en objetivos más importantes/valiosos.