Por qué GTM en lugar de instalar tags manualmente
GTM resuelve 5 problemas críticos: 1) Cambios sin developer (marketers gestionan tags solos), 2) Versionado con revert (rollback si algo se rompe), 3) Mejor performance (load async optimizado), 4) Debugging integrado (preview mode antes de publicar), 5) Centralización (1 lugar para 20+ tags vs código fragmentado). Si tienes 3+ tags en tu sitio, GTM es no-brainer.
Paso 1: Crear cuenta GTM
- Ir a tagmanager.google.com
- Click Create Account
- Account Name: empresa (ej. "Weblindrome")
- Country: México
- Container Name: nombre sitio (ej. "weblindrome.com")
- Target Platform: Web
- Accept Terms of Service
Paso 2: Instalar código GTM en sitio
Después de crear, GTM muestra 2 snippets:
- Snippet 1 (head): pegar inmediatamente después de
<head> - Snippet 2 (body): pegar inmediatamente después de
<body>
Instalación WordPress:
- Opción A: Plugin GTM4WP (recomendado, free)
- Opción B: functions.php o theme header.php manual
- Opción C: Site Kit por Google integra automático
Verificar instalación:
Tag Assistant Chrome extension → debe mostrar "Google Tag Manager" conectado al cargar tu sitio.
Paso 3: Configurar Google Analytics 4 via GTM
- En GTM workspace: Tags → New
- Tag Type: Google Analytics: GA4 Configuration
- Measurement ID: pegar tu ID (G-XXXXXXXXXX)
- Configuration Settings: dejar default
- Trigger: All Pages
- Name: "GA4 - Base"
- Save
Paso 4: Configurar Meta Pixel via GTM
- Tags → New
- Tag Type: Custom HTML
- Pegar código base del Pixel (desde Events Manager Meta)
- Trigger: All Pages
- Name: "Meta Pixel - Base"
- Save
Para eventos específicos del Pixel (Lead, Purchase, ViewContent):
- Tag separado por cada evento
- Custom HTML con fbq('track', 'Lead')
- Trigger específico (e.g., Form Submission, Click)
Paso 5: Configurar Google Ads tags
Google Ads Conversion Tracking:
- Tags → New → Google Ads Conversion Tracking
- Conversion ID + Conversion Label desde Google Ads dashboard
- Trigger: específico del evento conversión (form submit, button click)
Google Ads Remarketing:
- Tags → New → Google Ads Remarketing
- Conversion ID
- Trigger: All Pages
Paso 6: Triggers para eventos personalizados
Triggers detectan acciones específicas:
- Click - All Elements: capturar clicks específicos (Click Classes contains "cta-btn")
- Form Submission: capturar form fills (Form ID = "contact-form")
- Scroll Depth: capturar reading engagement (25%, 50%, 75%, 90%)
- Timer: capturar engagement por tiempo en página
- YouTube Video: tracking video plays/completes
- Custom Event: integración con dataLayer custom
Paso 7: Variables custom
Variables capturan información dinámica:
- DataLayer Variables: capturar data pushed por developer (cart_value, user_type)
- Custom JavaScript: calcular valores complejos
- Click variables: Click Text, Click Classes, Click URL
- Form variables: Form ID, Form Classes, Form Submit Element
Variables permiten enviar data rica a GA4/Meta sin custom code.
Paso 8: Preview, debug y publicar
Preview mode:
- Click Preview en GTM (top right)
- Ingresar URL de tu sitio
- Se abre tu sitio en nueva pestaña + Tag Assistant en otra
- Navegar tu sitio + hacer acciones
- Verificar tags disparándose en cada acción
Debug issues:
- Tags no disparan: revisar triggers (¿condiciones correctas?)
- Data missing: revisar variables (¿bien configuradas?)
- Doble disparo: trigger duplicado o conflicting
Publicar:
- Click Submit top right
- Version Name: "v1.0 - GA4 + Meta + Ads base"
- Description: lista de tags agregados
- Publish
- Tags live en sitio en 1-5 minutos
Comparativa: con GTM vs sin GTM
| Aspecto | Sin GTM | Con GTM |
|---|---|---|
| Agregar tag nuevo | Developer + deploy | 5-10 min en interfaz |
| Versionado | Solo git history | Versiones nativas + rollback |
| Performance | Tags secuenciales | Async optimizado |
| Debugging | Console.log manual | Preview mode visual |
| Centralización | Tags dispersos | Todo en 1 panel |
| Curva aprendizaje | Bajo (1 tag) | Medio (60-90 min) |
Para tracking enterprise: configurar DataLayer custom — developer empuja data structurada (user_id, cart_value, product_category) cuando suceden eventos. GTM captura via Variables → envía a GA4/Meta con contexto rico. Esto separa marketing tracking (managed by marketer in GTM) de business logic (managed by developer in DataLayer). Setup 8-15 horas inicial pero permite tracking sofisticado sin requests constantes a developer.
En Weblindrome ofrecemos análisis de datos para ayudarte con esta y otras implementaciones. Solicita una cotización personalizada.