Google Analytics 4 en WordPress: GA4, GTM y consentimiento

La analítica es la base de toda estrategia digital. Pero la forma de añadir Google Analytics a WordPress ha cambiado drásticamente a lo largo de los años. Antes pegábamos un simple script _gaq.push. Hoy, en la era de GA4, el RGPD y Consent Mode v2, las cosas son significativamente más complejas.

Descubre más sobre servicios de desarrollo WordPress en WPPoland. Esta guía te llevará a través de todos los métodos de integración de GA4 con WordPress, desde los más sencillos hasta los más avanzados, incluyendo requisitos legales y las mejores prácticas de 2026.

#Parte 1: Método con plugin (para principiantes)

Si no quieres tocar código, usa un plugin. Es el método más simple pero tiene limitaciones.

#Site Kit de Google (plugin oficial)

Ventajas:

• Producto oficial de Google
• Muestra estadísticas directamente en el panel de WP
• Integración automática con Search Console, PageSpeed Insights
• Configuración más fácil (unos pocos clics)

Desventajas:

• Control limitado de etiquetas
• Sin opciones de seguimiento avanzado
• Puede entrar en conflicto con otros plugins

Instalación:

1. Plugins → Añadir nuevo → “Site Kit”
2. Activa y conecta con tu cuenta de Google
3. Selecciona los servicios a conectar (Analytics, Search Console)
4. Listo

#RankMath / Yoast SEO

Muchos plugins de SEO tienen opciones integradas para el ID de seguimiento. Buena opción si ya usas uno de estos plugins.

RankMath:

• RankMath → Configuración general → Analytics
• Pega el Measurement ID (G-XXXXXXX)

#Parte 2: Google Tag Manager (método profesional)

Este es el método recomendado en 2026. En lugar de añadir GA4 directamente, añade un contenedor GTM que gestióne todas las etiquetas.

#¿Por qué GTM?

1. Panel de gestión centralizado: Todas las etiquetas (GA4, Facebook Pixel, Hotjar, anuncios) en un solo lugar
2. Consent Mode v2: Implementación sencilla requerida por la legislación de la UE
3. Sin edición de código: Cambios sin modificar archivos del tema
4. Depuración: Modo de vista previa integrado
5. Versionado: Historial de cambios y capacidad de reversión

#Paso a paso: Integración de GTM con WordPress

1. Crear contenedor GTM:

• Ve a tagmanager.google.com
• Crea una cuenta y un contenedor (Web)
• Copia el código del contenedor (GTM-XXXXXXX)

2. Pegar código en WordPress:

// En functions.php o mu-plugin
add_action('wp_head', 'add_gtm_head', 1);
add_action('wp_body_open', 'add_gtm_body', 1);

function add_gtm_head() {
    ?>
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-YOUR-ID');</script>
    <!-- End Google Tag Manager -->
    <?php
}

function add_gtm_body() {
    ?>
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-YOUR-ID"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
    <?php
}

3. Configurar etiqueta GA4 en GTM:

• En GTM: Etiquetas → Nueva → Configuración GA4
• Pega el Measurement ID (G-XXXXXXX)
• Activador: Todas las páginas
• Publicar

#Consent Mode v2 (obligatorio en la UE)

Desde marzo de 2024, Consent Mode v2 es obligatorio en Europa. Sin el, Google no procesara los datos de tu sitio.

Que hace:

• Bloquea las cookies de analítica/publicidad por defecto
• Tras la aceptación del usuario: seguimiento completo
• Tras el rechazo: pings anónimos (datos modelados)

Implementación con GTM:

1. Instala un banner de cookies (Cookiebot, Complianz, CookieYes)
2. Configura la integración con GTM
3. Establece las etiquetas en “Respetar Estado de Consentimiento”
4. Añade las variables de consentimiento (analytics_storage, ad_storage)

#Parte 3: Código directo (para desarrolladores)

Si quieres evitar plugins y tienes un sitio sencillo, añade el código directamente.

#Implementación básica

add_action('wp_head', 'add_ga4_code', 1);

function add_ga4_code() {
    ?>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-YOUR-ID"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-YOUR-ID');
    </script>
    <?php
}

#Con soporte para Consent Mode

add_action('wp_head', 'add_ga4_with_consent', 1);

function add_ga4_with_consent() {
    ?>
    <script>
      // Estado de consentimiento por defecto - todo bloqueado
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}

      gtag('consent', 'default', {
        'analytics_storage': 'denied',
        'ad_storage': 'denied',
        'ad_user_data': 'denied',
        'ad_personalization': 'denied',
        'wait_for_update': 500
      });
    </script>

    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-YOUR-ID"></script>
    <script>
      gtag('js', new Date());
      gtag('config', 'G-YOUR-ID');
    </script>
    <?php
}

#Parte 4: seguimiento del lado del servidor (avanzado)

En 2026, los bloqueadores de anuncios y el ITP (Intelligent Tracking Prevention) limitan significativamente la efectividad del seguimiento del lado del clientes. La solución es el Server-Side Tracking.

#Como funciona

1. El script en la página envía datos a tu servidor (no a Google)
2. Tu servidor reenvía los datos a Google Analytics
3. Los bloqueadores no detectan la conexión con Google

#Opciones de implementación

1. Contenedor Server-Side de Google Tag Manager:

• Requiere Cloud Run (GCP) u otro alojamiento
• Coste: ~50-100$/mes para tráfico medio
• Control total de los datos

2. Stape.io (SaaS):

• sGTM alojado
• Configuración más fácil
• Desde 20$/mes

#Beneficios del Server-Side

• Resistente a bloqueadores de anuncios: ~95% de datos vs ~70%
• Mayor precisión: Menos perdidas de conversiones
• Cookies de primera parte: Mayor vida útil de las cookies
• Privacidad: Los datos pasan por tu servidor

#Parte 5: Seguimiento de comercio electrónico (WooCommerce)

Si tienes una tienda, necesitas Enhanced E-commerce.

#Seguimiento automático con GTM

1. Data Layer: WooCommerce envía datos de productos, carrito y compras
2. Etiquetas de E-commerce GA4: Configuración en GTM
3. Eventos: view_item, add_to_cart, purchase

#Plugin de WooCommerce

GTM4WP (Premium) o Monster Insights (Pro):

• Integración automática del Data Layer
• Plantillas de etiquetas predefinidas
• Seguimiento de conversiones sin programación

#Parte 6: Depuración y verificación

#Herramientas

1. Google Tag Assistant: Extension de Chrome
2. Modo de vista previa de GTM: Modo preview
3. DebugView de GA4: Tiempo real en GA4
4. Pestaña Network: Comprobar si las solicitudes se envían

#Problemas comunes

1. Seguimiento doble:

• Síntoma: 200% de páginas vistas
• Causa: Dos etiquetas GA4 (p. ej., Site Kit + GTM)
• Solución: Eliminar una fuente

2. Sin datos:

• Síntoma: 0 usuarios
• Causa: Consentimiento bloqueado / ID incorrecto
• Solución: Comprobar Consent Mode y Measurement ID

3. Incumplimiento del RGPD:

• Síntoma: Seguimiento antes del consentimiento
• Causa: Sin Consent Mode
• Solución: Implementar Consent Mode v2

#Resumen

Recomendación 2026:

• Sitios pequeños: Site Kit o RankMath
• Negocios/Agencias: GTM + Consent Mode v2
• E-commerce/Enterprise: sGTM Server-Side

No dejes que tus datos de analítica estén incompletos. Invierte en una configuración adecuada: es la base de todas las decisiones de marketing.