Configurar Google Tag Manager en 5 minutos
Google Tag Manager es una herramienta potente para gestionar todos sus tags de seguimiento en un solo lugar, tanto si tiene una configuración web básica como una configuración del lado del servidor más avanzada. Para empezar, siga estos pasos:
- Inicie sesión en tagmanager.google.com y cree una cuenta y un contenedor de GTM.
- Acepte las condiciones de procesamiento de datos.
- Añada los fragmentos de código de GTM a las secciones head y body de su sitio web.
- Configure sus tags, activadores y variables dentro del contenedor.
- Pruebe su configuración con Google Tag Manager's preview and debug mode y envíe los cambios.
La guía completa con instrucciones paso a paso para configurar contenedores web y server está disponible más adelante en este artículo. Si quiere acelerar el proceso, consulte también Setup Assistant, una herramienta gratuita desarrollada por Stape que añade automáticamente plantillas de seguimiento preconfiguradas a sus contenedores GTM según las plataformas que seleccione.
Qué es Google Tag Manager
Google Tag Manager (GTM) es una solución de gestión de tags desarrollada por Google que facilita el manejo de códigos de seguimiento en su sitio web. Le permite gestionar todos sus tags en una interfaz centralizada. Usar GTM elimina la necesidad de añadir código manualmente al HTML de su sitio web, lo que facilita la gestión del proceso de seguimiento de datos.
Conceptos clave de Google Tag Manager
Contenedores
Un contenedor es una pequeña parte de código que se añade a su sitio web. Se encarga de cargar todos los tags que configura en la interfaz de Google Tag Manager.
Hay dos tipos de contenedores en GTM: web y server. Los contenedores web y server GTM se usan para gestionar tags de seguimiento, pero funcionan de formas diferentes. La diferencia clave está en dónde se procesa la información: en el navegador del usuario, del lado del cliente, o en un cloud server, del lado del servidor.
Web GTM se ejecuta directamente en el navegador del visitante. Cuando alguien entra en su sitio, su navegador carga scripts de seguimiento como Google Analytics, Meta Pixel o tags de TikTok. Luego, cada script envía datos directamente a su plataforma. Este método es rápido de configurar. Su limitación es que los códigos de seguimiento pueden ser bloqueados o restringidos por bloqueadores de anuncios y restricciones del navegador, como ITP. Esto provoca pérdida de datos.
Server GTM envía eventos a un cloud server donde está alojado su contenedor server GTM. Desde allí, puede limpiar, filtrar o enriquecer los datos antes de enviarlos a cada plataforma. Esto reduce la pérdida de datos, ayuda a evitar restricciones del navegador y limita la exposición directa a scripts de terceros.
El seguimiento del lado del servidor no reemplaza por completo el seguimiento del navegador. El navegador sigue recopilando la mayoría de los datos. La diferencia es que los datos pasan primero por su servidor, lo que ayuda a lograr datos más completos y una entrega segura.
Tags
Un tag es una parte de código que transmite datos a otras plataformas, como Google Analytics 4, Meta, Google Ads, TikTok y otras. La función de los tags es captar un objeto de datos de evento, darle el formato correcto y enviarlo a los servidores de la plataforma indicada.
Stape es el mayor contribuidor de la biblioteca de tags. Más de 100 tags fueron aprobados y añadidos a la biblioteca web y server GTM. Consulte los tags de Stape en GTM template gallery o en GitHub.
Activadores
Los activadores controlan cuándo y cómo se activan los tags. Definen las condiciones que deben cumplirse para que un tag se ejecute. Al configurar activadores, se asegura de que los tags correctos se disparen en los momentos adecuados y pueda captar las interacciones de usuario previstas.
Variables
Las variables extraen información específica de las solicitudes HTTP entrantes y la hacen disponible para otros componentes del contenedor GTM, como tags, activadores y clientes. Las variables se pueden usar no solo en tags y activadores, sino también dentro de otras variables.
Una variable también puede contener datos o ajustes, por ejemplo Meta Pixel ID o Google Analytics 4 Measurement ID. Al configurar los tags, puede usar variables con los datos necesarios para no añadirlos manualmente cada vez.
Clientes
La sección Clients solo existe en el contenedor server GTM. El cliente se encarga de recibir solicitudes HTTP entrantes, transformarlas en datos de eventos y devolver una respuesta. Después de procesar la solicitud, el cliente hace que los datos sean accesibles para tags y activadores en el contenedor server Google Tag Manager.
Transformaciones
La sección Transformations también existe solo en el contenedor server GTM. Una Transformation es una entidad que funciona como intermediaria entre el cliente y el tag.
Los datos se envían al contenedor sGTM mediante una solicitud HTTP entrante. Cuando un cliente procesa esta solicitud, convierte los datos en información de evento que los tags, activadores o variables pueden usar dentro de sGTM.
Las Transformations permiten añadir, eliminar o modificar parámetros de evento después de que el cliente haya procesado la solicitud HTTP entrante, pero antes de que el tag acceda a los datos.
Cómo configurar Google Tag Manager
Cómo configurar un contenedor web GTM
1. Vaya a Google Tag Manager e inicie sesión en su cuenta de Google.
2. En la pestaña Accounts, haga clic en Create account.
3. Añada un nombre para la cuenta, elija la ubicación del país, nombre el contenedor y seleccione la plataforma de destino, que en este caso es web. Haga clic en Create.
4. Acepte las condiciones de procesamiento de datos.
5. Instale Google Tag Manager en su sitio web según las instrucciones indicadas.
Tenga en cuenta: el fragmento de código de GTM debe colocarse en todas las páginas de su sitio web. Puede hacerlo manualmente, pero toma demasiado tiempo si tiene muchas páginas. Para este objetivo, puede usar plugins del marketplace del CMS que use o una de las apps de Stape. Están orientadas sobre todo a configurar el seguimiento del lado del servidor, pero también le ayudan a añadir el fragmento de GTM automáticamente:
Ejemplo de cómo activar la adición automática del fragmento de GTM a todas las páginas del sitio web usando un plugin de WordPress
- Descargue WordPress plugin by Stape.
- Inicie sesión en su WordPress Admin y vaya a la sección de plugins. Después, haga clic en Add plugin, haga clic en Upload plugin y seleccione el archivo que descargó.
- Cuando se haya subido, haga clic en Install now y luego en Activate plugin.
Haga clic en Settings debajo del nombre del plugin. Active la opción para añadir el código del fragmento web GTM a todas las páginas de su sitio web y añada el ID del contenedor GTM.
Puede encontrar el ID de web GTM en su contenedor:
Cómo configurar el contenedor server GTM
Para configurar el contenedor server GTM, necesita:
- Un contenedor web GTM configurado como mostramos arriba.
- Un proveedor de hosting para el contenedor server GTM. Una de las opciones conocidas es alojarlo directamente en Google Cloud Platform (GCP), pero puede terminar siendo una solución más cara y más difícil de usar, sobre todo para nuevos usuarios. Por eso, Stape es una alternativa a GCP más barata y más fácil de usar.
La configuración del contenedor server GTM es un proceso más complejo que la configuración del contenedor web. Incluye estos pasos:
- Cree un contenedor server GTM dentro de Google Tag Manager.
- Aloje el contenedor en Stape.
- Configure una URL personalizada del servidor de etiquetado para establecer cookies de primera parte.
- Cree un Google Tag dentro del contenedor Web GTM.
- Configure el GA4 Client dentro del contenedor server GTM para enviar datos desde la web al contenedor server GTM.
- Active las funciones de Stape, como Custom Loader y Cookie Keeper, para que los códigos de seguimiento se vean menos afectados por bloqueadores de anuncios y restricciones del navegador.
Tenemos una guía completa sobre la configuración del contenedor server GTM. En este artículo, describiremos brevemente los pasos. Para instrucciones detalladas, consulte esa guía.
Configuración manual vs. configuración con plugin de GTM: comparación rápida
| Configuración manual | Configuración con plugin/app | |
|---|---|---|
| Cómo funciona | Los fragmentos de GTM se añaden directamente al código fuente del sitio web. | Un plugin o una app del CMS añade el fragmento de GTM automáticamente a todas las páginas. |
| Conocimientos técnicos necesarios | Requiere acceso al código del sitio y conocimiento de cómo funciona. | Mínimos, se gestiona desde el panel de administración del CMS. |
| Tiempo de implementación | Más largo, sobre todo en sitios grandes con muchas páginas. | Rápido, con pocos clics después de instalar el plugin. |
| Riesgo de errores | Más alto, los fragmentos pueden colocarse en el lugar incorrecto o aplicarse de forma inconsistente. | Más bajo, el plugin gestiona la colocación de forma consistente en todas las páginas. |
| Adecuado para | Desarrolladores y usuarios con experiencia técnica. | Principiantes y usuarios no técnicos. |
| Compatibilidad | Cualquier sitio web. | Requiere un CMS compatible: WordPress, Shopify, Magento 2, BigCommerce, Wix, PrestaShop o Salla. |
| Mantenimiento | Actualizaciones manuales si el fragmento debe cambiar. | El plugin gestiona las actualizaciones automáticamente. |
💡 Configurar tags para varias plataformas puede tomar mucho tiempo. Setup Assistant es una herramienta gratuita de Stape que genera e importa automáticamente plantillas GTM preconfiguradas según las plataformas que seleccione, sin tocar una sola línea de código. Funciona con los CMS más populares y es compatible con Google Analytics 4, Google Ads, Meta, TikTok, LinkedIn y más. Consulte nuestra guía sobre cómo configurar Setup Assistant para empezar.
Preguntas frecuentes
Dónde añadir el código de Google Tag Manager
La parte <script> del código de Google Tag Manager debe colocarse en la sección <head> de su sitio web, y la parte <noscript> debe añadirse dentro de la sección <body>, idealmente justo después de la etiqueta de apertura <body>.
Cuándo configurar GTM
Se recomienda configurar Google Tag Manager antes de lanzar el sitio web. Así puede empezar a medir datos desde el primer día y evitar vacíos en su analítica.
Cuál es la diferencia entre Gtag y GTM
GTM es un sistema de gestión de tags donde puede configurar el seguimiento de datos para varias plataformas. Gtag.js es una biblioteca que, después de instalarse en el sitio web, puede cargar códigos de seguimiento para un número limitado de plataformas: Google Analytics 4 y Google Ads.
Qué es un tag de GTM
Un tag de GTM es un fragmento de código que envía datos a plataformas externas, como Google Analytics 4, Meta, Google Ads, Snapchat y otras. Su función es captar datos de eventos, darles el formato correcto y entregarlos a los servidores de la plataforma indicada.
Comentarios