blog webempresa

¿Qué es Google Tag Manager y cómo funciona?

por | May 16, 2024 | Wiki

Imagen destacada - Qué es Google Tag Manager y cómo funciona

Cuando pones en marcha un sitio WordPress para tu empresa, una marca personal que estés desarrollando o una tienda online con WooCommerce, seguramente solo te centras en la web, los contenidos y las redes sociales para divulgar tu proyecto, pero ¿qué hay de Analytics o de Google Tag Manager?.

Seguramente te suene a otro idioma, y no tengas claro que eso sea realmente necesario para tu web, pero lo cierto es que hoy, sin una buena medición del tráfico en tu web, comprobación del resultado de tus publicaciones, o el alcance de tus productos, no vas ni a la vuelta de la esquina.

Si quieres saber qué es Google Tag Manager y cómo funciona, en este artículo te voy a contar sobre esta herramienta de Google y lo importante que puede acabar siendo para tu sitio web.

  ¿Qué es Google Tag Manager?

 

Google Tag Manager, abreviado como GTM, es una herramienta gratuita de análisis, que te permite gestionar con cierta facilidad las etiquetas y fragmentos de código de seguimiento de terceros en tu sitio web o aplicación móvil.

El propósito de estas “etiquetas”, también llamadas tags, códigos o píxeles de seguimiento, es medir el rendimiento de tu sitio. En otras palabras, las etiquetas de GTM están ahí para ayudarte a comprender los datos que estás recopilando.

Piensa en Google Tag Manager como un centro de control centralizado para todas tus necesidades de seguimiento del tráfico, alcance de publicaciones, de productos o de campañas que realices en tu web.

Las etiquetas que gestionas con GTM son fragmentos de código JavaScript que se utilizan para recopilar datos y llevar a cabo diferentes acciones en un sitio web, como el seguimiento de conversiones, análisis de tráfico, remarketing, integración con herramientas de terceros como Google Analytics, Google Ads, Facebook Pixel, entre otras.

Panel de administración de Google Analytics

Panel de administración de Google Analytics

Cuando todavía no existía Tag Manager, los equipos de marketing a menudo debían colaborar con equipos de desarrollo web para implementar estas etiquetas, lo que podía ser complicado y llevar tiempo porque suponía editar archivos HTML, PHP y otros para realizar una correcta implementación de las etiquetas.

Con Tag Manager puedes añadir, editar, activar o desactivar etiquetas y scripts de forma más ágil y sin necesidad de modificar directamente el código del sitio web.

La herramienta GTM tiene una interfaz gráfica, bastante intuitiva, desde la que podrás configurar las etiquetas, definir disparadores (triggers) que indican cuándo deben ejecutarse las etiquetas, y establecer variables para personalizar y controlar el comportamiento de estas.

Panel de administración de Google Tag Manager

Panel de administración de Google Tag Manager

La ventaja de utilizar Google Tag Manager, es que si ya tienes alguna experiencia con otras herramientas de Google como Analytics o incluso Google Ads, la interfaz de Tag Manager te va a resultar de uso similar y por tanto, la mayoría de elementos comunes sabrás donde localizarlos con cierta facilidad, aunque reconozco que también tiene recovecos, como todo. 😜

  Ventajas de Google Tag Manager

 

La principal ventaja de Google Tag Manager, frente a otras herramientas similares, es que es gratuita y apta para todo tipo de usuarios que gestionan proyectos web en Internet, lo que democratiza su acceso y uso y permite competir con grandes empresas con funcionalidades bastante potentes.

Una ventaja destacable es su capacidad para simplificar y agilizar el proceso de creación y gestión de etiquetas, en lugar de tener que editar manualmente el código fuente del sitio web cada vez que necesitas añadir, modificar o eliminar una etiqueta de seguimiento.

En lugar de esto, tendrás una interfaz gráfica bastante intuitiva que te ayuda a añadir etiquetas de manera más rápida y sin miedo a estar metiendo la pata en el proceso, lo que va a reducir tu dependencia de personas expertas en marketing o posicionamiento de contenidos, ahorrándote unos euritos. 😉

Con Tag Manager vas a poder configurar disparadores (triggers) precisos que determinarán cuándo y dónde deben activarse las etiquetas que añadas. Estos disparadores pueden ser eventos del sitio web, como clics en botones, envíos de formularios, interacciones con elementos específicos de la página u otros.

La centralización de la gestión de etiquetas es quizás el punto más interesante, ya que puedes tener en un solo lugar todo lo referente a las mismas para un sitio web y a la vez tener varios sitios web dados de alta en tu cuenta de “Tag Manager” y switchear entre ellos para que tu control centralizado sea más eficiente.

Con el uso de Tag Manager también reduces los consumos del sitio web, mejorando su rendimiento, minimizando la carga de scripts directamente en el código fuente, pues GTM utiliza un solo fragmento de código (el contenedor de GTM) que se carga una vez en todas las páginas del sitio, reduciendo el tiempo de carga evitando la sobrecarga de scripts innecesarios.

También te permite aplicar la implementación diferida de etiquetas, lo que significa que las etiquetas no bloquean la carga inicial de la página y se ejecutan de manera más eficiente después de que la página principal se haya cargado por completo.

  ¿Cómo funciona Google Tag Manager?

 

Para que puedas entender cómo funciona, es importante que sepas que el objetivo principal de Google Tag Manager es facilitar la implementación y gestión de etiquetas de seguimiento y fragmentos de código en un sitio web, sin que tengas que editar archivos de código del sitio web.

Es decir, añades etiquetas o pequeños fragmentos de código en páginas o determinados lugares de tu web, para poder rastrear acciones, desencadenar eventos o tener unas métricas detalladas de cómo interactúan los usuarios con los diferentes elementos de una página publicada.

De forma muy resumida, los objetivos principales de usar Google Tag Manager en tu web serían:

  • Centralizar y simplificar la gestión de etiquetas.
  • Facilitar la implementación de etiquetas en un sitio web.
  • Aumentar la agilidad y eficiencia del proceso.
  • Reducir errores en la inserción de etiquetas.
  • Mejorar la organización de las etiquetas.

Esta herramienta funciona como una capa de gestión de etiquetas entre el código de un sitio web y las herramientas de análisis o marketing que se utilizan para recopilar datos y realizar seguimientos.

El funcionamiento de Google Tag Manager en un sitio web tiene varios pasos o fases:

  Implementación del contenedor de Tag Manager

 

Para comenzar a utilizar Tag Manager, se debe implementar un contenedor de GTM en el sitio web. El contenedor es un fragmento de código JavaScript proporcionado por GTM que se coloca en todas las páginas del sitio.

Este paso es fundamental para comenzar a utilizar esta herramienta en un sitio web. El contenedor se coloca en todas las páginas del sitio y actúa como un punto de conexión entre el sitio web y la interfaz de usuario de Tag Manager, donde se configuran y administran las etiquetas, disparadores y las variables.

Una vez que el contenedor esté implementado y funcionando correctamente en tu sitio web, podrás comenzar a configurar etiquetas, disparadores y variables en “Tag Manager”, según las necesidades específicas de seguimiento y análisis de tu sitio.

  Configuración de etiquetas, disparadores y variables

 

Una vez que el contenedor está implementado, puedes acceder al panel de administración de Tag Manager para configurar las etiquetas, disparadores y variables.

Te los defino un poco más…

  Etiquetas

 

Las etiquetas son fragmentos de código de seguimiento o scripts de terceros que se utilizan para recopilar datos, como Google Analytics, píxeles de seguimiento de conversiones, códigos de remarketing, etc.

  Disparadores

 

Los disparadores o triggers determinan cuándo debe activarse una etiqueta. Pueden estar basados en eventos que se produzcan en tu web, como el acceso a determinada página, hacer clic en un botón, enviar un formulario, etc.

  Variables

 

Las variables son valores dinámicos que se utilizan para personalizar el comportamiento de las etiquetas y los disparadores. Por ejemplo, variables como el ID de usuario, el valor de un campo de formulario, la URL de la página, u otros valores.

  Publicación de los cambios

 

Después de configurar etiquetas, disparadores y variables en Tag Manager, los cambios se guardan en el contenedor de tu cuenta de Tag Manager.

Para que los cambios se apliquen en el sitio web, es necesario que publiques la versión actualizada del contenedor de Tag Manager. Esto actualiza el código en el sitio web con las configuraciones recién realizadas.

  Seguimiento y recopilación de datos analíticos

 

Una vez que el contenedor de Tag Manager está activo en tu sitio web, las etiquetas configuradas comenzarán a recopilar datos según los disparadores que hayas definido.

Por ejemplo, cuando un usuario realiza una compra o envía un formulario, las etiquetas configuradas mediante GTM pueden registrar estos eventos y enviar datos a las herramientas de análisis que utilices.

  Gestión continua y optimización

 

Gracias a que tienes todo el proceso de etiquetas de Tag Manager en una única herramienta, de forma centralizada, te será más fácil la creación de nuevas etiquetas, corregir o mejorar alguna de las existentes o eliminar aquellas que ya no necesites aplicar.

De esta forma, podrás monitorizar el rendimiento de cada etiqueta que tengas activa y ajustar las configuraciones para mejorar la recopilación de datos y que esto te ayude en tus estrategias de marketing y análisis de tráfico del sitio.

Con Tag Manager simplificas la gestión de etiquetas y códigos de seguimiento en un sitio web al utilizar una herramienta que unifica la gestión de etiquetas y scripts, el poder implementar y controlar dichas etiquetas de forma dinámica, y sin tener que modificar directamente el código de la web.

De paso, también evitas instalar plugins para la gestión de snippets en WordPress, reduciendo la cantidad de plugins instalados, salvo que los necesites para añadir otro tipo de códigos en tu web.

  Plantillas de GTM

 

En Google Tag Manager las plantillas te facilitan el añadir etiquetas comunes sin necesidad de configurarlas manualmente desde cero, siendo una forma rápida y sencilla de utilizar etiquetas populares y configurarlas correctamente para usarlas en tu web.

Pueden serte útiles si no tienes mucha experiencia técnica y necesitas implementar etiquetas estándar de manera eficiente y que funcionen.

Para hacer uso de una plantilla, solo necesitas completar algunos campos específicos con la información relevante, como identificadores de cuenta o configuraciones personalizadas, para activar la etiqueta de manera adecuada y listo ¡a usarlas!

Existen dos tipos principales de plantillas de GTM:

  Plantillas de etiquetas

 

Estas definen la configuración de una etiqueta específica, como Google Analytics, Facebook Ads o Floodlight, por ejemplo.

Incluyen los parámetros necesarios para que la etiqueta funcione correctamente en tu sitio web.

Te ahorran tiempo y esfuerzo al no tener que configurar manualmente cada parámetro de la etiqueta.

  Plantillas de variables

 

Con ellas es posible establecer valores dinámicos que pueden ser utilizados por varias etiquetas en tu contenedor GTM.

Por ejemplo, una plantilla de variable puede almacenar la URL actual de la página o el ID de usuario de un cliente de tu tienda online.

Te permiten reutilizar valores comunes en diferentes etiquetas, evitando redundancias y mejorando su rendimiento.

  Cómo encontrar y usar plantillas de GTM

 

Si quieres hacer uso de plantillas en “Google Tag Manager”, primero tienes que iniciar sesión en tu cuenta de Tag Manager, que es accesible desde la URL:

tagmanager.google.com

Una vez dentro de tu cuenta, en el menú de la izquierda, estando dentro de un contenedor específico para el cual quieres añadir la plantilla, verás el ítem Plantillas.

GTM - Espacio de trabajo - Plantillas

Verás que aparecen 2 elementos:

  • Plantillas de etiquetas.
  • Plantillas de variables.

Dependiendo de cuál de las dos quieras añadir, tendrás que hacer clic en el botón Buscar en la galería, que al pulsar te despliega una pestaña lateral con plantillas de etiquetas de lo más variadas.

GTM - Espacio de trabajo - Plantillas - Importar plantilla de etiquetas

Si ya sabes el nombre de la etiqueta que deseas implementar, puedes utilizar la barra de búsqueda dentro de la biblioteca de plantillas de etiquetas para encontrarla rápidamente.

Por ejemplo, si necesitas implementar Google Analytics, simplemente busca el nombre de la herramienta en la barra de búsqueda y selecciona la plantilla correspondiente.

Al hacer clic sobre una plantilla determinada te mostrará los detalles y en la parte superior el botón para añadirla a tu espacio de trabajo.

A continuación completa los campos requeridos según las instrucciones de la plantilla, como el ID de seguimiento o la URL de conversión.

Finalmente, guarda los cambios y publica la versión actualizada del contenedor de GTM para aplicar la nueva plantilla en tu sitio web.

Usar plantillas en Google Tag Manager te permite implementar rápidamente etiquetas comunes y populares sin necesidad de configurarlas manualmente desde cero, lo que simplifica mucho el proceso.

También existen sitios web y comunidades online que ofrecen plantillas de Google Tag Manager adicionales para diversos casos de uso.

Algunos sitios donde puedes encontrar plantillas de “etiquetas” o “variables” para GTM online:

Hay muchos más sitios, y a poco que busques los encontrarás con cierta facilidad. Eso sí, comprueba siempre lo que descargas, bajo tu responsabilidad.

  Vista previa de Google Tag Manager y Tag Assistant

 

El asistente de etiquetas de Google Tag Manager es una herramienta de depuración y diagnóstico diseñada para ayudarte a verificar y solucionar problemas con las etiquetas implementadas en sus sitios web mediante Tag Manager.

Esta herramienta te permite comprobar si las etiquetas se están disparando correctamente en las páginas del sitio y proporciona un resumen detallado de todas las etiquetas activadas, así como de aquellas que no se han activado.

Para poder usar la vista previa hay que tener creado un espacio de trabajo, con al menos un contenedor publicado, de forma que al cargar dicho contenedor tengas acceso a la vista previa.

Google Tag Manager - Versiones - Contenedores

Si haces clic en el contendor más reciente, si tienes varios, puedes ver los detalles del mismo y si tiene variables, activadores, o etiquetas creadas, y si utiliza alguna plantilla personalizada.

Google Tag Manager - Versiones - Contenedores - Detalles

El modo de vista previa, te sirve para verificar el comportamiento de las etiquetas en tiempo real sin afectar a los visitantes del sitio.

En este modo puedes revisar el flujo de etiquetas, ver qué etiquetas se han activado y depurar cualquier problema directamente desde la interfaz del navegador.

Desde tu cuenta de Google Analytics, haciendo clic en el icono inferior del engranaje    puedes acceder a la opción Visualización de Datos ➜ DebugView y obtener una línea de tiempo del flujo de datos, mucho más visual y entendible que la de GTM.

Google Analytics 4 - Comprobar flujo de etiquetas

Esta comprobación es esencial para garantizar que todas las etiquetas funcionen como se espera antes de implementarlas en el entorno en producción.

Además, el asistente de etiquetas genera informes detallados que incluyen información sobre los disparadores que han activado las etiquetas, las variables utilizadas y los datos enviados a las herramientas de terceros.

Estos informes también muestran errores y advertencias relacionados con la implementación de etiquetas, facilitando la identificación y resolución de problemas que puedan presentarse.

Para poder registrar eventos, primero comprueba desde la vista previa de Tag Manager que el sitio conecta con la herramienta, de forma que luego puedas verificar el flujo.

tag-manager-vista-previa-conectar-sitio

Si el depurador no se conecta, comprueba que tu navegador no lo esté bloqueando con alguna política de seguridad o privacidad. Cerrar la pestaña de Tag Assistant y lanzar la vista previa desde la pestaña de Tag Manager debería conectar el sitio con la herramienta sin mayores problemas.

Mientras realizas las comprobaciones, puedes minimizarlo en una barra o desplazarlo a algún lado de la pantalla que no te moleste.

Ten en cuenta que si haces clic en el texto del popup de Tag Assistant Finish interrumpirás la conexión con Tag Assistant.

Tag Assistant - Clic en Finish interrumpe conexión con Tag Assistant

Si esto sucede, puedes reactivar haciendo clic en el botón Reopen, en Tag Manager, para reconectar con el sitio y poder verificar etiquetas, flujo, variables, etc.

Tag Assistant - Clic en Finish interrumpe conexión con Tag Assistant - Reopen

La herramienta se integra perfectamente con otras herramientas de Google, como Google Analytics y Google Ads, lo que te permite tener una gestión integral de las etiquetas y de la recopilación de datos.

Es cierto que para entender el funcionamiento de forma extensa de Tag Manager debes instalar Google Tag Manager en WordPress para conectar el sitio con la herramienta y poder crear etiquetas, generar eventos y variables que te sirvan para comprobar su comportamiento y te ayuden a medir tus estrategias de marketing.

  Diferencia entre Google Tag Manager y Google Analytics 4

 

Ya has visto en puntos anteriores que Tag Manager es una herramienta independiente a la par que complementaria de Google Analytics 4 por lo que la una y la otra conviven dentro del ecosistema de utilidades que Google pone a tu alcance para diferentes tareas relacionadas con el seguimiento y medición del tráfico y otros eventos en tu sitio web.

Tag Manager está pensada para facilitarte la gestión de etiquetas en tu sitio web, de forma que puedas añadir y actualizar etiquetas de seguimiento y otras sin modificar código en tu web y por medio de una interface muy intuitiva.

Las diferencias que hay entre ambas herramientas te las explico de forma independiente para cada herramienta, para que veas en conjunto las mismas y puedas compararlas entre sí, si cabe dicha comparación, claro. 😜

  Google Tag Manager

 

Facilita la implementación y gestión de diversas etiquetas de eventos, seguimiento, u otras, sin que tengas que editar archivos de código de tu web.

Dispone de una interfaz bastante entendible para crear y administrar etiquetas, disparadores y variables.

No recopila datos por sí misma, sino que implementa etiquetas que envían datos a herramientas de análisis como GA4.

Se utiliza para configurar y gestionar etiquetas de forma centralizada, simplificando el proceso de implementación de código de seguimiento en tu web.

  Google Analytics 4

 

Está centrada en la recopilación, medición y análisis de datos de usuarios y sus interacciones en tu web.

Tiene una interfaz moderna y fácil de interpretar que te permite visualizar, analizar y generar informes a partir de los datos recopilados.

Si recopila y analiza datos de eventos y usuarios para proporcionar insights sobre el comportamiento del usuario en tu web.

Se usa para configurar la recopilación de datos, definir eventos personalizados y analizar los datos de interacción del usuario en la web.

Como ves, aunque parece que hacen cosas similares, lo cierto es que Tag Manager se centra en etiquetas mientras que GA4 está diseñada para la recopilación de datos de comportamiento de los usuarios en tu sitio web, así como su análisis.

  Conclusiones

 

Ahora que conoces Tag Manager y sabes que puedas utilizarlo para crear etiquetas, disparadores y variables, es buena idea que te crees una cuenta, si no la tienes aún, y experimentes el potencial de rastrear acciones de visitantes y usuarios habituales en tu web con dos de las herramientas más potentes de Google.

Con Tag Assistant vas a poder comprobar las etiquetas creadas, depurar errores que puedan presentarse con ellas, comprobar si dichas etiquetas están cargando bien, registrar las interacciones de los usuarios en tu web y generar informes sobre el estado de las mismas.

Has podido comprobar que Google Analytics (GA4) tiene un alto nivel de integración y acción con Tag Manager, permitiéndote una implementación avanzada y eficiente de seguimiento y análisis en tu web.

Hay muchas herramientas para analizar el tráfico de tu sitio web e incluso analizar eventos y generar disparadores en formularios, botones, páginas específicas, etc., pero el nivel de detalle de Tag Manager hace que acabe siendo una herramienta imprescindible para aprovechar el potencial de las métricas en WordPress, o el sitio que gestiones.

¿Te ha resultado útil este artículo?

Promo hosting 70% de descuento