Google Tag Manager desde cero: guía completa 2026
Instala GTM, entiende etiquetas, activadores y variables, y configura tu primer contenedor sin tocar el código de tu web cada vez que necesites añadir un píxel o un evento de seguimiento.
Qué es GTM y para qué sirve
Google Tag Manager (GTM) es un sistema de gestión de etiquetas gratuito que te permite añadir, editar y eliminar fragmentos de código JavaScript (etiquetas) en tu web sin necesidad de modificar el código fuente directamente.
Antes de GTM, cada vez que querías instalar GA4, el seguimiento de conversiones de Google Ads, el píxel de Facebook o cualquier otra herramienta, tenías que pedirle al desarrollador que modificara el código de tu web. Con GTM, instalas el contenedor una sola vez y a partir de ahí gestionas todas las etiquetas tú mismo desde una interfaz visual.
¿Qué puedes hacer con GTM? Instalar GA4 y configurar eventos, activar el seguimiento de conversiones de Google Ads, implementar píxeles de remarketing, añadir herramientas de heatmaps, chat o formularios, gestionar el Consent Mode v2 para cumplir con el RGPD y automatizar el envío de datos a través de la capa de datos.
Los tres conceptos fundamentales: etiquetas, activadores y variables
GTM funciona con tres bloques que trabajan juntos. Entender cómo se relacionan es la clave para usar GTM correctamente.
Es el fragmento de código que quieres que se ejecute en tu web. Puede ser la etiqueta de GA4, el seguimiento de conversiones de Google Ads, un píxel de remarketing o cualquier JavaScript personalizado.
Define la condición que dispara la etiqueta. Puede ser "en todas las páginas", "cuando el usuario hace clic en un botón concreto", "cuando se envía un formulario" o "cuando se llega al 50% del scroll de la página".
Son valores que cambian según el contexto: la URL de la página actual, el texto de un botón, el valor de un producto en el carrito. Las variables alimentan tanto las etiquetas (con datos dinámicos) como los activadores (para definir condiciones precisas).
Cómo instalar GTM en tu web
La instalación de GTM es el único momento en que necesitas acceder al código de tu web. A partir de ahí, todo se gestiona desde la interfaz de GTM.
Ve a tagmanager.google.com e inicia sesión con tu cuenta Google. Crea una nueva cuenta con el nombre de tu empresa. Luego crea un contenedor: nombre del dominio, plataforma Web. Acepta las condiciones y GTM te dará los dos fragmentos de código.
Copia el fragmento <script> y pégalo justo después de la apertura de la etiqueta <head>, lo más arriba posible. Este es el fragmento principal que carga el contenedor.
Copia el fragmento <noscript> y pégalo justo después de la apertura de la etiqueta <body>. Este fragmento garantiza que GTM funcione en navegadores con JavaScript desactivado (necesario para GDPR).
Si usas WordPress, el plugin oficial Site Kit by Google o plugins como GTM4WP instalan automáticamente ambos fragmentos en los lugares correctos. Solo necesitas introducir tu ID de contenedor (GTM-XXXXXXX).
<!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({ 'gtm.start': new Date().getTime(),event:'gtm.js'}); var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl; f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-XXXXXXX');</script> <!-- End Google Tag Manager -->
GTM-XXXXXXX por tu ID de contenedor real, que empieza siempre por GTM-.
Estructura de un contenedor bien organizado
Un contenedor desordenado es difícil de mantener y propenso a errores. Seguir convenciones de naming desde el principio te ahorra muchos problemas cuando el contenedor crece.
Además del naming, organiza tus etiquetas usando carpetas (Folders) dentro de GTM: una carpeta por herramienta (GA4, Google Ads, Píxeles de remarketing, CRO tools). Así, cuando tenga que revisar el tracking de Google Ads, sabrás exactamente dónde está todo.
Tu primera etiqueta: instalar GA4 desde GTM
La primera etiqueta que deberías crear es la de configuración de GA4. Esta etiqueta inicializa GA4 en todas las páginas y es la base sobre la que se construyen todos los demás eventos.
En GTM, ve a Etiquetas → Nueva. Nómbrala siguiendo la convención: Tag — GA4 — Configuration.
Haz clic en "Configuración de etiqueta" y elige Google Analytics: etiqueta de GA4 (antes llamada "Configuración de GA4"). Introduce tu ID de medición (G-XXXXXXXXXX) que encuentras en GA4 → Admin → Flujos de datos.
En la sección "Activación", haz clic en el símbolo + y selecciona el activador integrado All Pages. Esto hace que GA4 se inicialice en cada carga de página.
Guarda la etiqueta. Antes de publicar, usa Vista previa (Preview) para verificar que se dispara correctamente. Ve al modo de depuración y navega por tu web. Deberías ver la etiqueta disparándose en cada página.
Activadores más usados en Google Tag Manager
Los activadores determinan cuándo y bajo qué condición se ejecuta una etiqueta. GTM incluye decenas de tipos de activador; estos son los que usarás el 90% del tiempo.
| Activador | Cuándo se dispara | Caso de uso típico |
|---|---|---|
| Page View — All Pages | En cada carga de página | Inicializar GA4, cargar scripts globales |
| DOM Ready | Cuando el DOM está cargado (antes de que terminen las imágenes) | Etiquetas que necesitan leer elementos del DOM |
| Window Loaded | Cuando la página ha cargado completamente | Herramientas de heatmaps, chat en vivo, scripts no críticos |
| Click — All Elements | Clic en cualquier elemento | Seguimiento de clics en botones, menús, enlaces |
| Click — Just Links | Clic en enlaces <a href> |
Seguimiento de clics en enlaces externos o de descarga |
| Form Submission | Envío de un formulario | Registrar leads cuando el usuario envía un formulario de contacto |
| Scroll Depth | Al llegar al % de scroll definido (25%, 50%, 75%, 90%) | Medir engagement con el contenido en GA4 |
| Timer | Cada X milisegundos desde que carga la página | Eventos de tiempo en página, auto-play de videos |
| Custom Event | Cuando se empuja un evento específico al dataLayer | Eventos de ecommerce, acciones de la app, eventos personalizados |
Variables: integradas y personalizadas
Las variables son los valores dinámicos que necesitan tus etiquetas y activadores. GTM distingue entre variables integradas (built-in) que vienen listas para usar, y variables personalizadas que tú configuras.
Variables integradas más útiles — actívalas desde Variables → Integradas → Configurar:
| Variable | Valor que devuelve |
|---|---|
| Page URL | URL completa de la página actual |
| Page Path | Ruta de la URL sin dominio (ej: /contacto/) |
| Referrer | URL de la página anterior (origen del tráfico) |
| Click ID | Atributo id del elemento clickado |
| Click Classes | Clases CSS del elemento clickado |
| Click Text | Texto visible del elemento clickado |
| Form ID | Atributo id del formulario enviado |
| Scroll Depth Threshold | Porcentaje de scroll alcanzado |
Variables personalizadas más usadas:
| Tipo | Para qué sirve | Ejemplo |
|---|---|---|
| Constante | Almacenar un valor fijo reutilizable | Tu ID de medición de GA4 (G-XXXXXXXX) para no escribirlo en cada etiqueta |
| Data Layer Variable | Leer un valor enviado al dataLayer | El valor de una transacción de ecommerce, el ID de producto |
| JavaScript Variable | Ejecutar JavaScript y capturar su resultado | Leer el valor de una variable global de tu web |
| Lookup Table | Mapear un valor de entrada a un valor de salida | Según el Page Path, asignar el nombre de la sección |
La capa de datos (dataLayer): el puente entre tu web y GTM
El dataLayer es un array de JavaScript que actúa como canal de comunicación entre tu web y GTM. Cuando tu web necesita pasar información a GTM (por ejemplo, el valor de un pedido o el ID de usuario), lo hace empujando objetos al dataLayer.
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
'event': 'purchase',
'ecommerce': {
'transaction_id': 'T-12345',
'value': 149.99,
'currency': 'EUR',
'items': [...]
}
});
Cuando tu web hace este push, GTM detecta el evento purchase y puede disparar cualquier etiqueta configurada con ese activador. Al mismo tiempo, los valores dentro del objeto (value, transaction_id) son accesibles como Variables de Data Layer en GTM, listas para enviarse a GA4, Google Ads o cualquier otra herramienta.
Vista previa y depuración: nunca publiques sin verificar
El modo Vista previa de GTM es tu herramienta de depuración principal. Te permite simular el comportamiento del contenedor en tu web en tiempo real, ver qué etiquetas se disparan y cuáles no, y por qué.
En GTM, haz clic en el botón Vista previa (esquina superior derecha). Introduce la URL de tu web y haz clic en Connect. Se abrirá una nueva pestaña con tu web y GTM en modo debug.
El panel Tag Assistant muestra en tiempo real los eventos (izquierda), las etiquetas disparadas (Tags Fired en verde) y las etiquetas que no se dispararon (Tags Not Fired en gris). Haz clic en cualquier evento para ver los valores de las variables en ese momento.
La extensión Tag Assistant Companion de Chrome complementa la Vista previa de GTM y también te permite verificar que GA4 está recibiendo los datos correctamente.
Publicar el contenedor: versiones y control de cambios
GTM usa un sistema de versiones. Cada vez que publicas, creas una nueva versión del contenedor. Esto te permite revertir a una versión anterior si algo falla.
Cuando hayas verificado los cambios en Vista previa, haz clic en Enviar. GTM te pedirá que elijas entre Publicar y crear versión (sube los cambios a producción) o Crear versión (guarda la versión sin publicar).
Escribe un nombre y descripción de versión descriptivos: "Añadir etiqueta conversión Google Ads — formulario contacto" es infinitamente mejor que "versión 12". En equipos con varios usuarios, esto es esencial.
Si una publicación causa problemas, ve a Versiones, busca la versión anterior correcta y haz clic en Publicar. Los cambios se revertirán en producción en pocos segundos.
Checklist de instalación de GTM
Preguntas frecuentes sobre Google Tag Manager
¿Necesito saber programar para usar Google Tag Manager?
¿Qué diferencia hay entre GTM y GA4?
¿GTM puede ralentizar mi web?
¿Es necesario GTM si ya tengo GA4 instalado directamente en el código?
¿Puedo usar GTM en Shopify, Wix o Squarespace?
¿Cuántas personas pueden gestionar un contenedor GTM?
¿Tienes GTM instalado pero no estás seguro de que todo mide bien?
Auditamos tu configuración de GTM, GA4 y conversiones de Google Ads para garantizar que cada euro que inviertes se está midiendo correctamente.
Solicita auditoría de tracking →Respuesta en menos de 48 h · Sin compromiso
Configura GA4 correctamente, entiende las métricas clave y conéctalo con Google Ads para optimizar con datos reales.
Proceso sistemático para detectar problemas de tracking, estructura y optimización en tu cuenta.
El Smart Bidding solo funciona si el tracking es correcto. Elige la estrategia adecuada al estado de tu cuenta.