¿Qué es Google Tag Manager y Cómo Funciona?

Zach Paruch

jun 09, 202311 min de lectura
Google Tag Manager: Tutorial de marcado dinámico de datos estructurados

TABLA DE CONTENIDOS

¿Qué es Google Tag Manager?

Google Tag Manager (GTM) es una herramienta gratuita que te permite instalar, almacenar y gestionar etiquetas sin modificar el código de tu web. 

Las etiquetas de marketing son pequeños fragmentos de código que siguen las acciones del usuario y recopilan datos. 

Uno de los ejemplos más comunes de etiquetas de marketing es la que etiqueta de Google que se utiliza para instalar Google Analytics y otros productos.

Los códigos de evento de Google Analytics, los scripts de conversión de Google Ads, el píxel de Meta y las etiquetas de remarketing son otros ejemplos de etiquetas de marketing. 

Ejemplo de una etiqueta global de sitio web

Para que Google Analytics y otras plataformas funcionen y recopilen datos necesitas colocar estas etiquetas en tu web.

Sin embargo, añadir y cambiar código puede suponer perder líneas, romper las etiquetas o borrar accidentalmente elementos importantes. 

Google Tag Manager evita estos problemas gracias a su capacidad para instalar, gestionar y desplegar etiquetas sin necesidad de que instales código en tu web, ya que todo se hace dentro de su propio software. 

GTM incluye fragmentos de código y etiquetas de marketing en tu web solo cuando es necesario. De esta forma, no romperás accidentalmente tu web haciendo pruebas.

¿Para Qué se Utiliza Google Tag Manager?

Tag Manager te permite seguir casi cualquier tipo de evento o comportamiento del usuario que se te ocurra.

Aquí tienes algunos ejemplos de lo que puedes seguir:

  • Clics en enlaces
  • Clics en botones
  • Envíos de formularios
  • Conversiones
  • Abandono del carrito en tiendas online
  • Añadir artículos
  • Eliminar artículos
  • Descargas de archivos
  • Desplazamientos por la página
  • Reproducción de vídeos
  • Rendimiento de la llamada a la acción (CTA)
  • Clics en el índice o tabla de contenidos
  • Eventos personalizados

¿Cómo Funciona Google Tag Manager?

Google Tag Manager funciona con un único fragmento de código JavaScript que añades a tu web como contenedor de todas las etiquetas que quieras gestionar.

Cuando un usuario activa una etiqueta (por ejemplo, haciendo clic en un enlace o cargando una página), GTM la recupera y la inserta en el código de tu web.

A continuación, GTM ejecuta la etiqueta.

En otras palabras, GTM solo ejecuta una etiqueta cuando un usuario la activa. Así se reduce la cantidad de código en la web y se minimiza el riesgo de errores de implementación.

Infografía de Semrush sobre los beneficios de Google Tag Manager

Las etiquetas funcionan con otros componentes llamados activadores y variables para determinar cuándo ejecutar fragmentos de código.

A continuación, vamos a describir qué son las etiquetas, los activadores de Google Tag Manager y las variables y cómo funcionan.

¿Qué son las Etiquetas?

Las etiquetas son fragmentos de código que las plataformas de análisis, marketing y asistencia utilizan para integrarse con webs y aplicaciones.

Google Analytics, por ejemplo, utiliza etiquetas para recopilar datos sobre los visitantes de una web.

En este caso, la etiqueta de Google permite enviar datos de tu web a una propiedad de Google Analytics que has conectado con anterioridad.

A través de Google Tag Manager, puedes crear, gestionar y publicar etiquetas sin tener que crear el código.

Página de inicio de Google Tag Manager

Ejemplos de Etiquetas

A continuación tienes un listado de las etiquetas más comunes, herramientas y plataformas que puedes usar gracias a Google Tag Manager:

  • Google Analytics
  • Seguimiento de conversiones de Google Ads
  • PageImprove
  • Crazy Egg
  • Hotjar
  • ImpactHero
  • Etiqueta de Pinterest
  • LinkedIn Insight
  • Etiqueta universal de Twitter
  • Facebook/Píxel de Meta
  • SplitSignal
  • Appcues
  • HubSpot
  • Intercom
  • Mixpanel
  • Salesforce
  • Eventos personalizados y de seguimiento

¿Qué Son los Activadores?

Los activadores son instrucciones sobre cuándo deben dispararse las etiquetas.

Las visitas a páginas, los envíos de formularios y los clics en enlaces son ejemplos de activadores. Cuando un usuario ve una página o hace clic en un enlace, se “activa” la etiqueta asociada.

Debes asignar un activador a cada etiqueta para que Tag Manager sepa en qué circunstancias debe poner en marcha la etiqueta. 

Las plataformas de análisis como Google Analytics suelen utilizar las páginas vistas como activador. De esta forma, obtienes analíticas de cada página que visita un usuario.

También es posible que las etiquetas se activen únicamente cuando un usuario añada un producto al carrito o cuando complete el proceso de pago. 

Cuando se produce el evento que se ha configurado en cada etiqueta, el activador indica a la etiqueta que se active.

De lo contrario, la etiqueta no se activará y el código de Google Tag Manager no ejecutará la orden asociada.

También puedes añadir filtros a los activadores para especificar cuándo quieres que se disparen las etiquetas.

Por ejemplo, imagina que solo deseas que el chat de asistencia de tu web aparezca únicamente en las páginas del proceso de pago.

En este caso, podrías añadir un filtro que indique a la etiqueta que solo se active en las páginas que contenga la ruta "/checkout/" en la URL. 

Además, es posible asignar varios activadores a una misma etiqueta.

Añadir activadores en Google Tag Manager

Ejemplos de Activadores

Aquí tienes algunos de los activadores más utilizados:

  • Páginas vistas
  • Clics de enlace
  • Clics en botones
  • Envíos de formularios
  • Profundidad de desplazamiento
  • Tiempo de permanencia en la página
  • Evento personalizado 

¿Qué son las Variables?

Las variables son piezas adicionales de información que Google Tag Manager necesita para activar una etiqueta o activador.

Ayudan a definir con precisión lo que se supone que debe hacer la etiqueta o el activador.

Por ejemplo, las variables "Constant" y "Configuración de Google Analytics" son dos de las más comunes.

Se suelen utilizar para definir los ID de cuenta de Google Analytics (es decir, "ID de seguimiento" en Universal Analytics e "ID de medición" en GA4).

Cada vez que crees una etiqueta de Google Analytics, deberás introducir tu ID de seguimiento o medición. 

Es algo tedioso, teniendo en cuenta que no solemos memorizar este tipo de información. 

Por eso, puedes crear una variable que guarde tu ID.

A continuación, cada vez que creas una nueva etiqueta que requiera esta información, solo tienes que adjuntar la variable que has creado.

Añadir variable a una etiqueta en GTM

Ejemplos de variables

Estas son algunas de las variables más comunes:

  • Constant
  • Configuración de Google Analytics
  • Haz clic en la URL
  • Haz clic en ID
  • Haz clic en Clase
  • URL de la página
  • ID de formulario
  • Umbral de profundidad de desplazamiento

Ventajas de Google Tag Manager

Aunque Tag Manager requiere algunos conocimientos técnicos, ahorra a los profesionales del marketing mucho tiempo y recursos.

Y además, es gratis.

Aquí tienes algunas ventajas adicionales:

  • Dependes menos de los desarrolladores: podrás añadir y gestionar fácilmente etiquetas de marketing sin ayuda de los desarrolladores.
  • Podrás hacer pruebas y depurar cambios: previsualiza, prueba y depura los cambios antes de enviarlos a una web en funcionamiento. Evitarás errores y reducirás la necesidad de realizar pruebas o ensayos. 
  • Tendrás más control sobre los permisos: solo las personas autorizadas pueden hacer o aprobar cambios en tu configuración.
  • Acceso a versiones: GTM crea y registra una nueva versión del código cada vez que publicas cambios, lo que te permite un histórico y volver a versiones anteriores si fuera necesario. 
  • Múltiples espacios de trabajo: GTM permite múltiples espacios de trabajo para que los miembros del equipo trabajen simultáneamente sin sobrescribir el progreso de los demás.
  • Fácil configuración con las herramientas más populares: puedes añadir fácilmente herramientas y etiquetas de seguimiento al código de tu 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 Google Tag Manager.
  • Almacenamiento y gestión de etiquetas: Google Tag Manager agrupa las etiquetas de marketing y los códigos de seguimiento en un solo lugar y los inserta en el código de la web según sea necesario. Te permite añadir, eliminar y actualizar herramientas y códigos de seguimiento con menos errores.

Google Tag Manager vs. Google Analytics

Aunque a menudo se confunden, Google Tag Manager y Google Analytics son herramientas diferentes que puedes utilizar juntas para recopilar información sobre la analítica web y comportamiento de los usuarios. 

Google Tag Manager es un sistema de gestión de etiquetas que almacena y gestiona etiquetas de marketing y fragmentos de código de terceros. 

No hay análisis ni informes en Tag Manager.

Visión general de Google Tag Manager

Google Analytics, por otro lado, es un software utilizado para analizar, seguir las conversiones y hacer informes.

Página principal de Google Analytics

Puedes utilizar GTM para instalar y recopilar datos para Google Analytics en una web (Google recomienda hacerlo).

¿Necesitas Cambiar Algo para Google Analytics 4?

Sí. Si utilizas GTM para instalar Google Analytics 4 (GA4), tendrás que instalar la etiqueta "Configuración GA4".

Aparte de eso, utilizar Google Tag Manager con GA4 es muy similar a utilizarlo con Universal Analytics (UA).

Una de las principales diferencias es que ahora Google proporciona una etiqueta separada para los eventos de GA4.

Antes, implementabas UA y seguías eventos utilizando la misma etiqueta. 

Otra diferencia es que GA4 puede rastrear y recoger automáticamente muchos más eventos que UA.

Supone una menor necesidad de seguimiento manual de eventos en GTM. Sin embargo, puedes seguir utilizando GTM para realizar el seguimiento de todo lo que GA4 no te proporcione.

Tag Manager y GA4 funcionan perfectamente juntos. 

Consejo: consulta la guía de Google sobre el paso de UA a GA4 para conseguir información adicional.

Cómo Configurar Google Tag Manager

Para aprender cómo configurar Google Tag Manager, empieza por acceder a tu cuenta de Google y ve a Tag Manager.

Haz clic en "Crear cuenta" para crear una cuenta para tu empresa u organización.

Crear una cuenta en Google Tag Manager

Introduce un "Nombre de cuenta" y selecciona tu país. Google recomienda que cada empresa cree una sola cuenta, tanto si tiene una web como varias. El nombre de tu empresa puede servir como nombre de tu cuenta.

Introducir el nombre de cuenta en GTM

A continuación, introduce un "Nombre del contenedor". 

Introducir el nombre del contenedor en GTM

Tu contenedor es el fragmento de código que añadirás a tu web para que funcione Google Tag Manager. Normalmente, utilizarás un contenedor por web. Así que el nombre de tu contenedor puede ser el nombre o la URL de tu web.

A continuación, selecciona tu "Plataforma objetivo". Para webs, elige "Sitio web".

Seleccionar plataforma objetivo en GTM

Haz clic en "Crear" para crear tu cuenta de Tag Manager y tu primer contenedor. 

A continuación, verás dos ventanas emergentes. 

La primera son las condiciones del servicio de Google. Acepta las condiciones marcando la casilla situada en la parte inferior de la página. A continuación, haz clic en "" para aceptar en la esquina superior derecha de tu pantalla.

Aceptar las condiciones de servicio de GTM

La segunda ventana emergente muestra los fragmentos de código que debes añadir a tu web para instalar GTM.

Código para instalar Google Tag Manager

Nota: si no te sientes cómodo modificando el código de tu web, pide ayuda a un desarrollador.

El primer fragmento de código utiliza JavaScript para extraer información. Coloca ese fragmento lo más arriba posible en la sección <head> de las páginas de tu web.

Fragmento de código de JavaScript

El segundo fragmento es un iframe HTML. Coloca ese código inmediatamente después de la etiqueta <body> en tus páginas.

Así:

Iframe de HTML

(El iframe HTML garantiza que GTM siga funcionando cuando los usuarios desactiven JavaScript en sus navegadores). 

Una vez que hayas configurado tu cuenta e instalado correctamente los dos fragmentos de código, estás listo para empezar a utilizar Google Tag Manager. 

Consejo: utiliza la extensión de Google Tag Manager Tag Assistant Legacy para asegurarte de que tu implementación de Tag Manager es correcta.

Cómo Utilizar Google Tag Manager

Para demostrar cómo utilizar Google Tag Manager, te explicaremos cómo conectar una propiedad de Google Analytics 4 a tu web.

Consejo: para evitar que tus analíticas registren visitas dobles, asegúrate de haber instalado Google Tag Manager y de haber eliminado el código original de Google Analytics de tu web antes de continuar.

Para empezar, accede a tu cuenta de Google Tag Manager.

Haz clic en "Nueva etiqueta" o en "Añadir una nueva etiqueta" para crear una nueva etiqueta.

Crear una nueva etiqueta en GA

Añade un nombre a tu etiqueta. Te sugerimos algo como "Configuración GA4".

Nombrar una etiqueta en Google Analytics

A continuación, haz clic en "Configuración de la etiqueta".

Configurar una etiqueta en GA

Y selecciona "Google Analytics: configuración de GA4" de la lista.

Google Analytics: configuración de GA4

Introduce el ID de tu propiedad de GA4. También puedes crear una variable para alojar tu ID de medición para el futuro.

ID de propiedad de GA4

Haz clic en la casilla "Activación".

Activar la configuración en GA4

Y selecciona "All pages" en la lista que aparece.

Seleccionar un activador en Google Analytics 4

Luego haz clic en "Guardar".

Guardar la configuración de GA4

Vuelve a la página de resumen de tu espacio de trabajo y haz clic en "Vista previa" para probar tus nuevos cambios.

Vista previa de una web en GA4

Introduce la URL de tu web en la siguiente pantalla y haz clic en "Conectar" para abrir tu sitio en una nueva ventana y empezar a probar y depurar.

Conectar el Tag Assistant

Una vez conectado, tu web debería abrirse en una nueva ventana emergente con el Asistente de etiquetas en la esquina inferior derecha de tu ventana.

Conectar el Asistente de etiquetas

Mantén esa ventana abierta y vuelve a la página de previsualización. La página de previsualización debería decir: "¡Conectado!".

Página de previsualización del Asistente de etiquetas

Después de pulsar "Continuar", empieza a depurar tus etiquetas en la ventana de vista previa.

Depurar etiquetas en Google Tag Manager

Deberías ver que tu recién creada etiqueta de Configuración GA4 se dispara en cada página mientras navegas por tu web.

Esto significa que la implementación de tu etiqueta se ha realizado correctamente.

Cuando hayas terminado de depurar, cierra las ventanas recién abiertas y vuelve a la vista general de tu página. Haz clic en "Enviar" para enviar tus cambios.

Enviar cambios en GTM

Asegúrate de dar a tus cambios un "Nombre de versión" y una "Descripción de la versión".

Configurar el envío de cambios en el Asistente de etiquetas

Por último, haz clic en "Publicar" para trasladar los cambios a tu web activa y activar GA4.

Así publicarás una nueva versión de tu contenedor en tu web.

Ahora deberías ver cómo se registran visitas en el informe "En tiempo real" de tu propiedad GA4 a medida que tú y otros usuarios navegáis por la web.

Vista en tiempo real de GA4

Consejo: te recomendamos encarecidamente que utilices siempre la función "Vista previa" para probar y depurar tus etiquetas antes de publicarlas.

Las Mejores Extensiones GTM

Para terminar este repaso de cómo instalar Google Tag Manager, te contamos las extensiones del navegador te ayudan a sacar más partido de Tag Manager. 

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

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

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

Agiliza tu Configuración de Marketing

Google Tag Manager es una herramienta versátil que puede simplificar el proceso de instalación y gestión de herramientas de marketing y el seguimiento de eventos importantes.

Recomendamos consultar un tutorial de Google Tag Manager antes de migrar completamente a la plataforma. 

Una vez que te familiarices con él, Tag Manager es un complemento maravilloso para cualquier pila de marketing.

Combina GTM con potentes herramientas como Google Analytics, Google Search Console y la herramienta Auditoría del sitio de Semrush, y tendrás todo lo que necesitas para ejecutar una estrategia de marketing optimizada.

Compartir
Author Photo
Zach is a seasoned SEO with over 8 years of experience in SEO and content strategy, technical SEO, search intent analysis, CRO, and leadership.
Más sobre esto