Si estás cansado de llamar a tu programador cada vez que necesitas instalar un píxel de Facebook, una etiqueta de Google Ads o un evento de conversión, esta guía técnica paso a paso es para ti.
Google Tag Manager (GTM) es una plataforma gratuita de gestión de etiquetas que permite desplegar scripts de seguimiento en tu sitio web de forma ágil, segura y centralizada sin modificar el código fuente en cada iteración.
1. Paso 1: Crear tu cuenta y contenedor en Tag Manager
Ingresa a tagmanager.google.com con la cuenta de correo corporativo de tu empresa. Crea una cuenta principal e introduce el nombre de tu sitio web. En la sección de plataforma de destino selecciona Sitio Web (Web) y haz clic en crear para obtener tu identificador único (GTM-XXXXXXX).
2. Paso 2: Instalación de los fragmentos en <head> y <body>
GTM te proveerá dos fragmentos de código JavaScript:
- Fragmento 1 (<head>): Debe pegarse lo más arriba posible dentro del elemento
<head>para asegurar que las etiquetas se disparen temprano durante el ciclo de vida del DOM. - Fragmento 2 (<body>): Debe colocarse inmediatamente después de la etiqueta de apertura
<body>. Sirve como respaldo mediante iframe para usuarios que navegan sin soporte de scripts.
Si utilizas WordPress, puedes integrar GTM mediante plugins optimizados como GTM4WP o inyectando los snippets en el archivo header.php de tu tema hijo.
3. Paso 3: Configuración de GA4 y Píxel de Meta
Dentro del espacio de trabajo de GTM, crea una nueva etiqueta para Google Analytics 4 utilizando el tipo Etiqueta de Google y añade tu ID de medición (G-XXXXXXXXXX). Configura el activador en Initialization - All Pages para que se ejecute antes que cualquier otro script.
Para Meta (Facebook Pixel), crea una etiqueta de tipo HTML Personalizado con el código base del píxel o utiliza la plantilla oficial de la galería de la comunidad de Tag Manager, asociándola al activador All Pages.
4. Paso 4: Depuración y verificación con Google Tag Assistant
Antes de publicar los cambios, haz clic en el botón Vista previa (Preview). Se abrirá Google Tag Assistant en una nueva pestaña. Navega por tu sitio web y observa el panel de eventos para comprobar que tus etiquetas pasan de Tags Not Fired a Tags Fired con los parámetros correctos.
5. Buenas prácticas para mantener tu contenedor limpio
Una cuenta de GTM desordenada genera colisiones y errores de medición. Aplica estas reglas básicas:
- Nomenclatura Estandarizada: Utiliza nombres como
GA4 - Event - Lead FormoMeta - Pixel - PageView. - Control de Versiones: Antes de publicar, escribe una descripción clara de los cambios realizados en la versión.
- Elimina etiquetas obsoletas: Si pausaste una campaña o retiraste una herramienta de mapas de calor, elimina la etiqueta correspondiente.