Qué es Google Tag Manager y para qué sirve

Google Tag Manager (GTM) es una de las herramientas más importantes del marketing digital actual, y aun así muchos profesionales no la aprovechan por miedo a la parte técnica. En esta guía verás qué es, para qué sirve, cómo funciona y cómo instalarlo y usarlo paso a paso, sin necesidad de saber programar.

Para auditar que todo esté bien configurado, revisa el informe de calidad del contenedor de GTM.

El primer paso para empezar es crear una cuenta en Google Tag Manager.

🎯 ¿Quieres dominar Google Tag Manager de principio a fin? Aprende a medir formularios, ecommerce y conversiones en nuestro curso de Google Tag Manager.

¿Qué es Google Tag Manager?

Google Tag Manager (GTM) es una herramienta gratuita de Google que facilita la gestión e implementación de etiquetas de marketing en un sitio web sin necesidad de modificar el código manualmente.

En lugar de editar el código de tu sitio cada vez que quieras agregar o cambiar una etiqueta de seguimiento, GTM ofrece una interfaz intuitiva para agregar, editar o eliminar etiquetas con solo unos clics. Esto agiliza el proceso y evita errores.

Al usar Google Tag Manager puedes rastrear métricas importantes como conversiones, eventos de usuario y comportamiento del sitio, e integrarlo de forma fluida con otras herramientas como Google Analytics 4.

¿Para qué sirve Google Tag Manager?

Google Tag Manager sirve para centralizar y simplificar la gestión de todas las etiquetas de seguimiento y marketing de tu sitio en un solo lugar. En concreto, te permite:

• Trabajar en equipo con seguridad, gracias al control de permisos y al historial de versiones.
• Optimizar el rendimiento de tus campañas publicitarias, enviando datos de conversión precisos a Google Ads, Meta Ads, TikTok, LinkedIn, etc.
• Mejorar la precisión de tu analítica web, conectando Google Analytics 4 y midiendo eventos personalizados.
• Reducir la dependencia de desarrolladores, ya que no necesitas tocar el código para cada cambio.

¿Cómo funciona Google Tag Manager?

GTM funciona mediante un único fragmento de código JavaScript que se inserta en todas las páginas del sitio web. Está basado en eventos: las etiquetas se activan cuando ocurre algo en el sitio, ya sea la carga de una página, el envío de un formulario, la reproducción de un video, el scroll o incluso eventos personalizados enviados al dataLayer.

Cuando se ejecuta uno de esos eventos, GTM puede disparar cualquier tipo de código: píxeles de anuncios, etiquetas de seguimiento o la etiqueta de Google Analytics 4.

Aprende cómo funciona esta poderosa herramienta con este curso gratis de Google Tag Manager.

Los 3 componentes de Google Tag Manager

¿Qué son las etiquetas (tags)?

Las etiquetas son fragmentos de código que se ejecutan para realizar tareas como el seguimiento de usuarios, conversiones o eventos. Por ejemplo, Google Analytics 4 usa su etiqueta para recolectar información del comportamiento de los usuarios, y la etiqueta de conversión de Google Ads envía información cuando ocurre una compra o el envío de un formulario.

Ejemplos de etiquetas:

• Etiquetas personalizadas: para funciones específicas de cada sitio.
• Google Analytics 4: rastrea tráfico, conversiones y comportamiento del usuario.
• Seguimiento de conversiones: registra cuándo un usuario completa una acción (compra, formulario).
• Remarketing: muestra anuncios a usuarios que ya visitaron tu sitio.
• Seguimiento de eventos: clics en botones, descargas, reproducciones de video.
• Píxeles de redes sociales: Meta/Facebook, TikTok, LinkedIn, Google Ads.

¿Qué son los activadores o disparadores?

Los activadores definen cuándo debe ejecutarse una etiqueta. Vistas de página, envío de formularios o la visualización de un elemento son ejemplos de activadores. Cada etiqueta debe tener al menos un activador asignado, y puede tener excepciones que impidan que se ejecute.

Ejemplos de activadores:

• Clic en enlace / clic en elemento (botones, imágenes).
• Envío de formulario.
• Tiempo en la página o porcentaje de desplazamiento (scroll).
• Visualización de página.
• Interacción con videos de YouTube.
• Activador personalizado definido con JavaScript.

¿Qué son las variables?

Las variables son contenedores que capturan y almacenan información dinámica del sitio en tiempo real (como la URL, el precio de un producto o el ID de usuario) para usarla en etiquetas y activadores. Existen variables predeterminadas (incluidas en GTM) y variables definidas por el usuario.

Las variables te permiten:

• Recopilar datos dinámicos (nombre de producto, precio, ID de usuario).
• Personalizar etiquetas según la información recopilada. Extraer valores directamente de elementos del DOM.
• Realizar cálculos o transformaciones antes de enviar los datos.
• Centralizar la gestión de datos en un solo lugar.

¿Qué datos recopila Google Tag Manager?

Una aclaración importante: Google Tag Manager no recopila datos por sí mismo. Lo que hace es enviar datos a herramientas de terceros —como Google Analytics 4, el píxel de Meta u otras plataformas— mediante las etiquetas que configuras. Son esas herramientas las que almacenan y analizan la información de visitas, conversiones, clics y eventos.

Beneficios de usar Google Tag Manager

Aunque Tag Manager requiere ciertos conocimientos técnicos, ahorra a los especialistas en marketing una gran cantidad de tiempo y recursos. Además es gratuito.

Aquí tienes algunos beneficios:

• Menor dependencia de los desarrolladores: Añade y gestiona rápidamente etiquetas de marketing sin necesidad de ayuda de los desarrolladores.
•  Pruebas y depuración: Previsualiza, prueba y depura cambios antes de aplicarlos al sitio en vivo. Esta función ayuda a prevenir errores y reduce la necesidad de hacer pruebas en un sitio en vivo o de preparación.
• Control de permisos de usuario: Solo personas autorizadas pueden realizar o aprobar cambios en la configuración de marketing.
• Versiones: GTM crea y registra una nueva versión del código cada vez que se publican cambios. Esto te permite ver cambios pasados y presentes y revertir a versiones anteriores si es necesario.
• Espacios de trabajo: GTM permite múltiples espacios de trabajo para que los miembros del equipo trabajen simultáneamente sin sobrescribir el progreso de otros.
• Configuración sencilla de muchas herramientas populares: Añade fácilmente herramientas y etiquetas de seguimiento a tu código web utilizando fragmentos de código o plantillas existentes (por ejemplo, para Google Analytics, Pinterest, Google Ads, etc.) de la Galería de Plantillas de la Comunidad.
• Almacenamiento y gestión de etiquetas: Google Tag Manager consolida etiquetas de marketing y códigos de seguimiento en un solo lugar e los inyecta en el código del sitio web según sea necesario. Esto te permite agregar, eliminar y actualizar herramientas y códigos de seguimiento con menos errores.
• Puede aumentar la velocidad del sitio web: Debido a que Tag Manager agrega todas las etiquetas con una directiva especial para no bloquear la carga del sitio.

Google Tag Manager vs. Google Analytics 4

Google Tag Manager (GTM) y Google Analytics (GA) son dos herramientas de Google utilizadas en el ámbito del marketing digital, pero tienen propósitos y funcionalidades diferentes. A continuación, se comparan ambos para una mejor comprensión:

Google Tag Manager (GTM):

1. Propósito: GTM es una plataforma diseñada para facilitar la gestión e implementación de etiquetas en un sitio web sin la necesidad de modificar el código manualmente. Las etiquetas son fragmentos de código que se utilizan para rastrear y recopilar datos sobre el comportamiento del usuario y el rendimiento del sitio web.
2. Funcionalidad: proporciona una interfaz amigable que permite agregar, editar y eliminar etiquetas de forma sencilla. Además, permite configurar activadores y variables para controlar cuándo y cómo se activan las etiquetas.
3. Beneficios: agiliza el proceso de implementación de etiquetas, reduce la dependencia de los desarrolladores y permite realizar cambios y actualizaciones de forma más rápida y precisa.

Google Analytics 4 (GA4):

1. Propósito: GA4 es una herramienta de análisis web que proporciona información detallada sobre el tráfico del sitio web, el comportamiento del usuario, las conversiones y otros datos importantes. Se utiliza para medir y evaluar el rendimiento del sitio y el éxito de las estrategias de marketing.
2. Funcionalidad: GA4 utiliza una etiqueta de seguimiento colocada en el código del sitio web para recopilar datos. Permite crear informes personalizados, definir objetivos y eventos, y ofrece una amplia gama de métricas y dimensiones para analizar el tráfico del sitio.
3. Beneficios: proporciona información valiosa para comprender el comportamiento de los usuarios, identificar áreas de mejora y tomar decisiones informadas para optimizar el sitio web y las estrategias de marketing.

¿Cómo crear una cuenta en Google Tag Manager?

Google Tag Manager es gratuito e ilimitado, para crear una cuenta sigue estos pasos:

1. Accede al sitio web de Google Tag Manager y haz clic en el botón «Iniciar sesión» en la esquina superior derecha de la página.
2. Si ya tienes una cuenta de Google, inicia sesión con tus credenciales de Google (correo electrónico y contraseña). Si no tienes una cuenta de Google, haz clic en «Crear cuenta» para crear una nueva.
3. Después de iniciar sesión, serás redirigido a la página de inicio de Google Tag Manager. Haz clic en el botón «Crear cuenta» para comenzar a configurar tu cuenta de GTM.
4. A continuación, se te pedirá que completes la información básica de la cuenta, como el nombre de la cuenta, el nombre del contenedor y la URL del sitio web que deseas rastrear.
5. Acepta los Términos de servicio y la Política de privacidad de Google Tag Manager.
6. Haz clic en el botón «Siguiente» para continuar.
7. En la siguiente pantalla, se te proporcionará un fragmento de código (etiqueta de contenedor) que deberás agregar en todas las páginas de tu sitio web, justo después de la etiqueta de apertura del cuerpo (</body>). Este código es esencial para que Google Tag Manager funcione correctamente.

¿Qué es un contenedor de Tag Manager?

El contenedor actúa como una «caja» que contiene y gestiona todas las etiquetas, activadores y variables configuradas en Google Tag Manager para ese sitio web en particular. 

Una vez que el fragmento de código del contenedor se ha implementado en el sitio, toda la gestión de etiquetas y seguimiento de datos se realiza a través de la interfaz de GTM sin necesidad de modificar el código del sitio web directamente.

Es importante destacar que un sitio web puede tener un solo contenedor de Tag Manager, pero ese contenedor puede contener múltiples etiquetas, activadores y variables que se aplican en diferentes páginas o en eventos específicos del sitio. 

Esto proporciona una forma centralizada y eficiente de gestionar todo el seguimiento y análisis de datos en el sitio web, lo que facilita la implementación y el mantenimiento de las estrategias de marketing y análisis de datos.

Cómo instalar Google Tag Manager

Para instalar Google Tag Manager en un sitio web, lo único que debes hacer es pegar el código que se proporciona al crear un contenedor en todas las páginas de tu sitio web.

Como sabemos que existen muchas maneras de crear sitios web, te dejamos una lista de los CMS más populares con los que puedes usar Tag Manager:

Instalar GTM en WordPress

Si quieres instalar Google Tag Manager en WordPress, puedes hacerlo de muchas maneras pero la más recomendada es con un plugin.

El plugin que recomendamos se llama GTM4WP y lo único que debes hacer una vez lo instales, es pegar el ID del contenedor.

Lo mejor de este plugin es que tiene integraciones con otros plugins muy usados como Woocommerce y puede ayudarte a hacer traqueo de muchos datos.

Aprende a instalar Google Tag Manager en WordPress con este tutorial paso a paso.

Instalar GTM en Shopify

En tu tienda Shopify, ve al panel de administración y navega a la sección «Configuración» y luego a «Encabezado» o «Pie de página». 

Pega el código del contenedor de GTM en el encabezado o el pie de página del tema. Guarda los cambios y ¡listo! Google Tag Manager estará instalado en tu tienda Shopify. 

A partir de este momento, podrás agregar y gestionar etiquetas de seguimiento, como Google Analytics o píxeles de redes sociales, sin necesidad de tocar el código del sitio. 

Recuerda publicar tu contenedor en GTM después de hacer cambios y probar que todo funcione correctamente.

Instalar GTM en Drupal

En Drupal, ve al panel de administración y navega a «Estructura» y luego a «Bloques». 

Agrega un nuevo bloque personalizado y pega el código del contenedor de GTM en el contenido del bloque. Luego, asigna el bloque a la región que deseas que aparezca en tu sitio. 

Guarda los cambios y ¡hecho! Google Tag Manager estará instalado en tu sitio Drupal. 

Recuerda verificar y publicar tu contenedor en GTM después de realizar cambios para asegurarte de que todo funcione correctamente.

Instalar GTM en un sitio web hecho con código

Para agregar Tag Manager a un sitio web creado desde cero con HTML, debes asegurarte de insertar el código del contenedor lo más arriba en la etiqueta Head como sea posible.

Recuerda que el código de Google Tag Manager debe estar presente en todas las páginas del sitio web.

Cómo configurar Google Tag Manager

Google Tag Manager cuenta con una sección de Administración donde podrás configurar muchas opciones entre las más importantes: gestión de usuarios y permisos, espacios de trabajo e importar y exportar opciones.

Veamos las opciones un poco más en detalle:

Gestionar usuarios y permisos en Google Tag Manager

La configuración de usuarios y permisos en Google Tag Manager es fundamental para gestionar de manera segura y efectiva quiénes pueden acceder y realizar cambios en los contenedores de GTM. 

A través de esta configuración, se pueden asignar diferentes niveles de acceso y control a los miembros del equipo, lo que garantiza la protección y el manejo adecuado de la implementación de etiquetas y seguimiento en un sitio web.

Las principales funciones y beneficios de la configuración de usuarios y permisos en Google Tag Manager son:

1. Seguridad: Permite restringir el acceso solo a personas autorizadas, reduciendo el riesgo de manipulaciones no autorizadas o errores accidentales.
2. Colaboración: Facilita el trabajo en equipo al permitir que diferentes miembros contribuyan y gestionen las etiquetas y seguimientos según sus roles y responsabilidades.
3. Control de acceso: Se pueden asignar diferentes niveles de permisos (lector, colaborador, administrador) según las necesidades de cada usuario, lo que limita o amplía sus capacidades para realizar cambios y configuraciones.
4. Protección contra errores: Al asignar niveles de permisos adecuados, se evita que usuarios con menos experiencia realicen cambios críticos que puedan afectar el funcionamiento del sitio.
5. Historial y trazabilidad: Se mantiene un registro de las acciones realizadas por cada usuario, lo que permite rastrear cambios y proporcionar una visibilidad clara de las actividades en el contenedor.
6. Cumplimiento normativo: La gestión de usuarios y permisos también es esencial para cumplir con las políticas y regulaciones internas de la empresa, especialmente en organizaciones con diferentes equipos y áreas.

Importar y exportar contenedores en Google Tag Manager

Esta opción permite exportar o importar configuraciones provenientes de otros contenedores.

Es muy útil por ejemplo si ya tienes estandarizado algún proceso que siempre quieres replicar en todos tus contenedores.

También es valioso cuando quieres probar cambios sin afectar el contenedor principal.

Cómo usar Google Tag Manager

Instalar Google Analytics 4

Google Analytics 4 es una de las integraciones más comunes y sencillas de realizar con Google Tag Manager, para instalarlo sigue estos pasos.

1. Haz clic en «Agregar una nueva etiqueta» en tu contenedor y selecciona «Configuración de etiqueta» en la parte superior.
2. En la configuración de etiquetas, selecciona «Google Analytics: GA4 Configuración de seguimiento».
3. Pega el ID de seguimiento de tu propiedad GA4 en el campo «ID de seguimiento de Google Analytics».
4. Configura las opciones de seguimiento según tus necesidades, como habilitar el seguimiento mejorado, ajustar la frecuencia de envío de datos, etc.
5. En la sección «Activadores», selecciona cuándo deseas que se active esta etiqueta. Por ejemplo, puedes configurarla para que se active en todas las páginas (All Pages).
6. Guarda la etiqueta y luego haz clic en «Enviar» para aplicar los cambios en tu contenedor.
7. Asegúrate de publicar el contenedor de Google Tag Manager para que los cambios estén en vivo en tu sitio web.

Enviar eventos a Google Analytics 4

Google Analytics 4 es una plataforma basada en eventos, y enviarlos desde Google Tag Manager es muy sencillo.

Lo único que debes hacer es crear una nueva etiqueta de tipo «Evento de GA4», seleccionar la etiqueta de configuración a la que vas a enviar los datos y seleccionar un nombre de eventos.

Adicionalmente puedes enviar parámetros del evento para agregar contexto y analizar los eventos de manera más precisa.

No olvides agregar un activador para que la etiqueta se ejecute al momento preciso que el usuario haga la acción deseada, como visitar una página de agradecimiento o enviar un formulario.

Medir conversiones de Facebook Ads

Si trabajas creando anuncios, debes saber que con Google Tag Manager se pueden insertar los píxeles de las plataformas de pauta así como enviar información de eventos importantes como conversiones.

Hay dos manera en las que puedes agregar el píxel de Facebook a tu sitio web con Google Tag Manager.

La primera es usando una etiqueta de código HTML personalizado, aquí deberás pegar el código Javascript que proporciona Facebook.

La segunda opción y la más recomendada, es usar una plantilla que te permitirá crear todo desde una interfaz gráfica.

Medir conversiones de Google Ads

Para hacer seguimiento de conversiones de Google Ads con Google Tag Manager, basta con agregar una nueva etiqueta de conversiones de Google Ads.

En esta solo debes pegar el ID de la conversión y la etiqueta, esta información la obtienes directamente desde Google Ads al momento de crear las conversiones.

Opcionalmente puedes agregar información dinámica de las conversiones como sus valores y monedas, esto con el fin de tener mejores reportes y aumentar la optimización de la campaña.

Vista previa de Google Tag Manager para hacer pruebas

Google Tag Manager pone a tu disposición el modo de vista previa para que pruebes si los cambio que has hecho están correctos.

Para usarlo, debes hacer clic en el botón «Vista previa» que se encuentra en la parte superior derecha.

Esto abrirá una nueva ventana en la que deberás agregar la URL del sitio web en el que tienes instalado tu contenedor.

Haz clic en el botón «Conectar» y esto abrirá una nueva pestaña en la que podrás interactuar con el sitio web.

Todos los los eventos serán registrados y te dirá las etiquetas que se activan y las que no se activan.

No olvides publicar los cambios una vez finalices las pruebas.

Mejores extensiones para usar Google Tag Manager

Estas extensiones del navegador te ayudarán a sacarle más provecho a Tag Manager.

Las siguientes extensiones proporcionan información adicional sobre las etiquetas que se activan (o no se activan) y cualquier problema que surja con tus implementaciones.

También ofrecen detalles importantes sobre tus variables, activadores y fragmentos de código.

Las siguientes extensiones son algunas de las mejores para facilitar tus esfuerzos con GTM:

• Tag Assistant
• GTM/GA Debugger 
• DataLayer Inspector+
• Da Vinci Tools