Google Tag Manager es la herramienta que nos permite administrar de manera sencilla y eficiente todas nuestras etiquetas desde una única plataforma, lo que nos ahorra tiempo y nos evita muchos errores. En este post, te mostraremos cómo crear una cuenta en Google Tag Manager y cómo instalar el código en tu sitio web.
Pero, antes de ver el paso a paso de la instalación, vamos a repasar una serie de conceptos. ¡Empecemos!
¿Qué es Google Tag Manager?
Google Tag Manager es un gestor de etiquetas. ¿Y qué es un gestor de etiquetas? Es una interfaz que nos permite insertar y editar tags (o etiquetas) HTML y Javascript del sitio web remotamente de forma rápida y sencilla; es decir, sin modificar el código de la web directamente.
Google lanzó esta herramienta completamente gratuita a finales de 2012 con un doble objetivo: hacer más sencilla la implementación técnica de código en la web y, a su vez, facilitar un seguimiento analítico adecuado.
Gracias a esta herramienta:
- Podemos hacer la gestión de todas las etiquetas que tenemos implementadas desde un único sitio y sin tener que modificar código en distintas páginas, simplificando en gran medida su mantenimiento y facilitando el escalado del tracking.
- Evitamos tener que modificar el código de la web directamente y todos los problemas que esto pueda traer por eliminar algún elemento importante de forma accidental.
- Llevar la gestión de las etiquetas a GTM también resulta beneficioso en términos de rendimiento; es decir, en cuanto a tiempo de carga de la web.
- Podemos hacer pruebas del funcionamiento de las etiquetas antes de publicar los cambios en producción y contamos con control de versiones.
- En la práctica resulta extremadamente útil para la implementación de eventos de GA4, implementación de herramientas de A/B testing, etiquetas de remarketing, seguimiento de campañas para la optimización… Es un aliado para cualquier proceso de marketing digital.
- Además, también está tomando un papel determinante en la gestión del consentimiento y la privacidad.
¿Qué es una etiqueta?
Hemos dicho que Google Tag Manager es un gestor de etiquetas, pero, ¿qué es una etiqueta?
Las etiquetas son fragmentos de código (HTML, JavaScript,…) que nos permiten realizar el seguimiento de visitas, eventos… Se encargan de recopilar datos sobre la navegación de los usuarios y enviarlos a Google Analytics 4 o a otras herramientas. ¿Un ejemplo de etiqueta? La de Google Analytics 4 o el píxel de seguimiento publicitario de Meta.
En el caso de estas dos las etiquetas, tienen que estar presentes en todas las páginas de la web. Resulta más sencillo simplemente instalar Tag Manager en todas las páginas de la web y luego gestionar estas etiquetas desde el propio GTM. ¿Por qué? Porque si no, tendremos que acordarnos de ir añadiendo o retirando todas las etiquetas correspondientes cada vez que creemos una página o que cambiemos de herramientas. En Tag Manager lo tenemos todo ordenado y en un mismo sitio. Además, podemos ver de manera clara lo que estamos aplicando y dónde.
Alta e instalación de Tag Manager
Para comenzar a trabajar con Google Tag Manager, tan solo tendremos que seguir los siguientes pasos.
1. Crear una cuenta
Entramos en https://tagmanager.google.com/ y hacemos clic en Crear cuenta.
Una vez en el panel, introducimos un nombre y seleccionamos el país. Opcionalmente también podemos indicar si queremos compartir datos de forma anónima con Google.
2. Crear un contenedor
Introducimos un nombre para el contenedor, que sea descriptivo, y seleccionamos el tipo de contenido: web, iOS, Android…
Se nos despliega una pantalla con las condiciones del servicio. Al aceptarlas, creamos nuestra cuenta y contenedor.
3. Instalación del contenedor
A continuación, nos muestra dos piezas de código correspondientes a nuestro contenedor de GTM. Debemos añadirlas en el código HTML de todas las páginas de la web: tras la sección <head> y tras la sección <body>, lo más arriba posible en ambos casos.
¿Tenemos que instalar algo más en la web? No, desde que se coloca el código de Tag Manager en el sitio web, en adelante, no será necesario insertar más etiquetas manualmente.
Este código que hemos instalado lo que hace es conectar el sitio web (o la aplicación) con los servidores de Tag Manager.
Ya podemos utilizar la interfaz del propio GTM para configurar etiquetas de seguimiento, definir activadores (que hacen que las etiquetas se activen cuando se producen ciertos eventos), y crear variables (que nos permiten simplificar y automatizar las opciones de configuración de las etiquetas).
¿Cuál puede ser nuestro siguiente paso? Por ejemplo, instalar el código de seguimiento de Google Analytics a través de Google Tag Manager.
