¿Qué es Google Tag Manager y para qué nos sirve?

Hoy veremos una herramienta imprescindible para todo proyecto que se base en la web o apps: Google Tag Manager. Tendrás un panorama mucho más claro de lo que es en sí y cómo puede ayudar a los equipos de marketing y desarrolladores, a ser mucho más productivos e interdependientes.

Diseño web
Lectura de 8 minutos
22 ene. 2020
¿Qué es Google Tag Manager y para qué nos sirve?

Qué es Google Tag Manager?

Es un Sistema de Gestión de Etiquetas tipo script de JavaScript (aunque también se pueden hacer más cositas) que son insertadas en el código de tu proyecto (ya veremos cómo). A esta etiqueta se le llama contenedor; y se le llama así porque en una sola etiqueta podemos gestionar TODAS las etiquetas que queramos insertar en nuestra web. Sigo explicando.

Actualmente, tenemos (y necesitamos para crecer) muchas herramientas que a los equipos de marketing y producto nos ayuda muchísimo a mejorar nuestro trabajo, el servicio en sí, darle a los usuarios lo que quieren, entre otras tantas cosas.

Entre estas herramientas tenemos: Google Analytics, Facbeook Pixel, Hotjar, Seguimiento de Conversiones de Google Ads y un larguísimo etcétera. Pero cada una requiere que tú le insertes un código en tu web para que funcione, ahí es donde viene el problema, porque de tantos scripts tu web se vuelve tan lenta que los usuarios quedan así:

rendimiento y velocidad

Ahí es donde el poder de GTM (Google Tag Manager) entra en acción. Esta herramienta, en un solo script (o contenedor) alberga todos los scripts que necesites insertar en tu web, de tal manera que mejora la gestión de las etiquetas de manera sideral por varios motivos (que ya los veremos).

Concluyendo:

  • Es un sistema de gestión de etiquetas.
  • A la etiqueta que insertas en tu web, se le llama Contenedor.
  • Contiene, en un solo script, todos los scripts que necesites poner.

Ahora que entendemos lo más básico, pasemos a lo siguiente:

Cómo funciona Google Tag Manager?

GTM te facilita dos códigos para que tu insertes en tu web. Uno irá en el head y otro en el body de tu sitio. La segunda etiqueta, debe ir sí o sí al iniciar el body, antes de cualquier otra cosa. Esto es para evitar que no se registren eventos que han sucedido antes del segundo código, recomendación de Google.

Una vez que tenemos insertado ambos códigos, al cargar la web, el proceso es visualmente como se muestra aquí debajo en la imagen.

rendimiento y velocidad

Claro que en este artículo estamos reduciendo la explicación a la mínima expresión posible, porque es más complejo de lo que se cree, pero de todas maneras, es exactamente lo que es y como funciona.

Por qué debo usar GTM?

Como toda herramienta, debe resolver un problema o satisfacer una necesidad. Y, en este punto, podemos hablar largo y tendido. Pero, hicimos una recopilación de los #9 problemas que resuelve GTM.

#1: Más independencia

Anteriormente, el equipo de marketing necesitaba sí o sí un desarrollador para poder implementar todos los eventos que querían registrar, códigos que insertar, etc. Claro que esto no se da en la mayoría de los casos, por lo tanto pasaban semanas hasta que por fin se realizaba las tareas pedidas por el equipo de marketing. Pero eso no es todo, porque había que testear si eso realmente funcionaba.

Hoy, todo eso cambió. GTM te permite que con los 2 códigos que te ponga el dev (o utilizando algún plugin para los CMS) una sola vez alcanza. Porque tu luego en el panel de gestión puedes hacer y deshacer muchísimas cosas y testear su funcionamiento, sin la necesidad de un dev.

Parte de todo lo que puedes hacer sin su intervención:

  1. Insertar más códigos de otras herramientas.
  2. Registrar los clicks. Ya sea en cualquier parte, en páginas determinadas, en elementos concretos, etc.
  3. Registrar los formularios.
  4. Crear eventos personalizados.
  5. Seguimiento de los videos.
  6. Registrar errores en la web.
  7. ....

Como vemos, sabiendo usar GTM, para muchísimas cosas, no necesitamos a los devs. De más está decir que esto NO suplanta su trabajo, ni deberíamos prescindir en ningún momento de ellos. Pero sí nos libera de sus conocimientos y a ellos también.

2: Mejora el rendimiento de la web

Debido a que todo se maneja bajo una sola petición asíncrona y luego GTM se encarga de hacer las demás peticiones a las herramientas, sumado a que (generalmente) los servidores de Google tienen un muy buen rendimiento, nuestra web mejora mucho en los tiempos de cargas.

Antes, lamentablemente, uno de los más grandes problemas a la hora de cargar las webs, eran los scripts que los equipos de marketing necesitábamos para trabajar. Claro que si tienes un equipo de desarrolladores podías hacer cosas que mejoraban el performance. Pero en la gran mayoría de las veces, ese no era el caso.

3: Testing

No sabes lo tedioso que es estar 1 semana esperando que implementen un cambio en el código de GA y que luego eso no funcione. Eso se terminó con GTM porque puedes testear si lo que tu estás haciendo realmente está funcionando.

Aquí un ejemplo de un testeo en mi web, donde dice que se han disparado 2 etiquetas. Y la etiqueta GA Eng - Scroll Tracking se disparó 2 veces, eso fue porque hice scroll:

pruebas google tag manager

4: Versiones

versionaes google tag manager

Podemos manejar versionados dentro de GTM y esto es extremadamente útil.

Digamos que hacemos una implementación y luego el equipo de desarrolladores lanza una nueva versión a producción de la app de EDteam y todo se rompe. Encontramos que es porque está generando conflicto con un script personalizado en GTM que está en la última (o cualquiera) versión.

Entonces simplemente voy a Versiones y selecciono la versión que no contiene ese script perzonalizado. Lo lanzo a producción (es un botón que dice Enviar) y la web vuelve a funcionar.

Esto es realmente poderoso y no es el único caso en que la gestión de versiones nos ayuda en nuestro trabajo.

5: Comunidad creciendo continuamente

comunidad google tag manager

Es una comunidad que cada vez hay más personas participando. Pasa el tiempo y encontramos más recursos gratuitos, plantillas nuevas, sugerencias de mejora de la comunidad hacia Google, etc.

Y tener a un mundo de trabajadores enamorados de esta herramienta y colaborando continuamente para que mejore, es realmente una garantía de excelencia.

Debo usar GTM?

No encuentro un caso que no. Quizás tu digas: "Bien Martín, pero yo solo necesito el código de Google Analytics sin prácticamente configuraciones", te lo compro, pero no sabes lo que necesitarás mañana. Y, además, la configuración básica de GA, aun para los casos más sencillos, se queda corta.

Así que te encomiendo que, sea cual sea tu caso, la uses. Y también que nos digas si les gustaría un curso de Google Tag Manager.

¿Te gustó la idea de no molestar o no ser molestado por el equipo de Marketing 😜?

Avatar

Martin Arzuaga

@martinarzuagaVer perfil

Comentarios de los usuarios

Avatar
José Ruiz

@joseruiz6959

Excelente como siempre sus artículos! :D

LT
Luis Tejada

@luistejada

Gracias por la aclaracion, siempre es importante conocer las herramientas que nos ayudan amejorar nustro desempeño.

Con sus cursos es mas facial y rapido la curva de aprendizaje. Un curso siempre sera bienvenido.

EQ
Edher Qg

@edherqg

El curso de Tag Manager seria genial, e comezado a usarlo y me parece buena herramienta, pero quisiera conocerlo más a fondo GTM.

Recuerda iniciar sesión para comentar este articulo

Cursos recomendados

Sass Desde Cero

Sass Desde Cero

Avatar

Alvaro Felipe

5

4.9

Flexbox y Grid

Flexbox y Grid

Avatar

Alvaro Felipe

5

4.8