Cómo instalar y configurar Google Tag Manager en WordPress paso a paso
Google Tag Manager te permite instalar GA4, el píxel de Meta y otras etiquetas en tu WordPress sin tocar código. Te mostramos el proceso completo, incluyendo los errores más comunes con caché y constructores de páginas.
Cómo instalar y configurar Google Tag Manager en WordPress paso a paso
Google Tag Manager (GTM) es la herramienta que permite instalar etiquetas de seguimiento —como Google Analytics 4, el píxel de Meta, conversiones de Google Ads o Hotjar— en tu sitio WordPress sin necesidad de editar el código directamente cada vez.
La idea es simple: instalas GTM una sola vez, y desde su panel agregas, editas o eliminas etiquetas cuando quieras. Sin depender de un desarrollador para cada cambio.
Esta guía cubre la instalación en WordPress, la configuración básica, y cómo evitar los problemas más comunes en entornos con Elementor, LiteSpeed Cache o W3 Total Cache.
Paso 1: Crear tu cuenta y contenedor en GTM
Si no tienes una cuenta en Google Tag Manager, el primer paso es crearla.
- Ve a tagmanager.google.com e inicia sesión con tu cuenta de Google.
- Haz clic en "Crear cuenta".
- Ingresa el nombre de tu empresa o proyecto.
- En "Nombre del contenedor", escribe el dominio de tu sitio (por ejemplo,
elevocloud.com). - Selecciona "Web" como tipo de plataforma.
- Haz clic en "Crear".
Al aceptar los términos, GTM te muestra un fragmento de código con dos partes: una para el <head> y otra para el <body>.
Paso 2: Instalar GTM en WordPress
Hay dos formas de instalar GTM en WordPress: con plugin o manualmente.
Opción A: con el plugin "Site Kit by Google" (recomendado para principiantes)
Site Kit es el plugin oficial de Google para WordPress. Integra GTM, Google Analytics, Search Console y PageSpeed en un solo lugar.
- Ve a Plugins → Añadir nuevo y busca "Site Kit by Google".
- Instala y activa el plugin.
- Sigue el asistente de configuración: conecta tu cuenta de Google.
- En la sección de Google Tag Manager, conecta el contenedor que creaste.
Ventaja: el plugin inserta los fragmentos de código en los lugares correctos automáticamente.
Opción B: con el plugin "GTM4WP"
GTM4WP es un plugin específico para Google Tag Manager con más opciones de configuración.
- Ve a Plugins → Añadir nuevo y busca "GTM4WP".
- Instala y activa el plugin.
- Ve a Settings → Google Tag Manager.
- Pega tu ID de contenedor (formato
GTM-XXXXXXX). - Guarda los cambios.
Opción C: instalación manual en el tema
Si prefieres no usar plugins, puedes insertar el código directamente en el tema.
En el archivo header.php de tu tema hijo (nunca en el tema padre), pega el primer fragmento de GTM justo después de la etiqueta <head>:
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){...})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
<!-- End Google Tag Manager -->
Y en el archivo body.php o al inicio del <body> en header.php, pega el segundo fragmento:
<!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"...></iframe></noscript> <!-- End Google Tag Manager (noscript) -->
Nota: si actualizas el tema padre, perderás los cambios. Por eso siempre usa un tema hijo para modificaciones manuales.
Paso 3: Verificar que GTM esté instalado correctamente
Antes de configurar cualquier etiqueta, confirma que GTM está instalado correctamente.
- Instala la extensión "Tag Assistant" de Google en Chrome.
- Abre tu sitio web.
- Activa Tag Assistant y revisa que aparezca tu contenedor GTM con estado verde.
También puedes usar el modo de Vista Previa de GTM:
- En el panel de GTM, haz clic en "Vista previa".
- Ingresa la URL de tu sitio.
- GTM abre tu sitio con un panel de depuración en la parte inferior donde puedes ver qué etiquetas se activaron.
Paso 4: Configurar tu primera etiqueta (Google Analytics 4)
Con GTM instalado, agregar GA4 es el siguiente paso más común.
- En el panel de GTM, ve a Etiquetas → Nueva.
- En "Configuración de etiqueta", selecciona Google Analytics: Configuración de GA4.
- Ingresa tu ID de medición de GA4 (formato
G-XXXXXXXXXX). - En "Activación", selecciona All Pages (se activa en todas las páginas).
- Guarda y publica el contenedor.
Para verificar, abre tu sitio en una pestaña nueva y revisa en tiempo real de GA4 si aparece tu visita.
Paso 5: Agregar el píxel de Meta (Facebook/Instagram)
- En GTM, crea una nueva etiqueta.
- En "Configuración de etiqueta", selecciona HTML personalizado.
- Pega el código base del píxel de Meta (obtenido desde el Administrador de Eventos de Meta).
- En "Activación", selecciona All Pages.
- Guarda y publica.
Para conversiones específicas (compras, leads, visitas a páginas de producto), crea etiquetas adicionales con activadores más específicos.
Problemas comunes con Elementor y caché
Este es el punto donde más falla GTM en sitios WordPress chilenos.
GTM no carga con LiteSpeed Cache activo
LiteSpeed Cache puede diferir o combinar JavaScript de forma que el fragmento de GTM no se ejecute correctamente.
Solución: en la configuración de LiteSpeed Cache, ve a la sección JS y agrega el ID de GTM (googletagmanager.com) a la lista de exclusiones del JS diferido.
GTM no carga con W3 Total Cache
Mismo problema: la optimización de JS puede interferir con GTM.
Solución: en W3 Total Cache, desactiva la opción "Defer loading of JavaScript" o agrega googletagmanager.com a las exclusiones de minificación.
Elementor interfiere con el dataLayer
Elementor puede insertar sus propios scripts antes de que GTM esté cargado, lo que provoca que los eventos personalizados no se registren correctamente.
Solución: asegúrate de que el fragmento de GTM esté lo más arriba posible en el <head>. Si usas GTM4WP, verifica que la opción de posición del fragmento esté configurada como "En el head".
GTM carga en el editor de Elementor pero no en el frontend
Esto ocurre cuando el plugin de GTM tiene compatibilidad parcial con el modo de edición de Elementor. No es un problema real: GTM solo debe cargar en el frontend del sitio, no en el panel de edición.
Publicar cambios en GTM
Uno de los errores más comunes: hacer cambios en GTM y no publicarlos.
Después de crear o modificar cualquier etiqueta, activa el contenedor:
- En el panel de GTM, haz clic en Enviar (botón azul arriba a la derecha).
- Agrega un nombre descriptivo para la versión (por ejemplo, "GA4 + Píxel Meta").
- Haz clic en Publicar.
Los cambios no tienen efecto en el sitio real hasta que publicas.
GTM vs insertar código directamente en WordPress
Insertar códigos directamente en el tema o con un plugin como "Insert Headers and Footers" funciona para sitios simples. GTM es mejor cuando:
- tienes más de una etiqueta de seguimiento (GA4 + Meta + conversiones de Google Ads);
- cambias configuraciones frecuentemente sin tocar código;
- quieres disparar etiquetas en eventos específicos (clic en botón, scroll, envío de formulario);
- necesitas que personas no técnicas del equipo puedan gestionar etiquetas.
Para un sitio con solo GA4 instalado, la diferencia no es crítica. Para una tienda WooCommerce con conversiones, campañas activas y múltiples fuentes de tráfico, GTM es casi indispensable.
Para que GTM funcione bien, tu hosting debe tener buen rendimiento: PHP actualizado, caché bien configurada y tiempos de respuesta bajos. Ver planes de hosting WordPress en Elevocloud
Preguntas frecuentes
¿GTM reemplaza a Google Analytics? No. GTM es el contenedor que instala las etiquetas; Google Analytics (GA4) es la herramienta que recibe y analiza los datos. Se complementan, no se reemplazan.
¿Necesito GTM si solo tengo GA4? No es obligatorio. Puedes instalar GA4 directamente en WordPress con Site Kit o con el plugin de Google Analytics. GTM se vuelve valioso cuando tienes varias etiquetas o necesitas disparadores avanzados.
¿GTM afecta la velocidad del sitio? Minimamente si está bien configurado. El fragmento de GTM es asíncrono, lo que significa que no bloquea la carga de la página. El impacto en velocidad viene de las etiquetas que GTM carga, no de GTM en sí.
¿Cómo sé si GTM está instalado dos veces? Tag Assistant te alerta si detecta el mismo contenedor GTM cargando más de una vez. Instalar GTM con un plugin y también manualmente es un error común: elige una sola forma de instalación.
