Cómo añadir Google Analytics a WordPress sin un plugin (y mantenerlo rápido)

La mayoría de los Problemas de rendimiento de WordPress comienzan de la misma manera: añadiendo “solo un plugin más” para una tarea básica.

Cuando instalas un plugin de Google Analytics, incluso los populares como MonsterInsights o Site Kit, no solo obtienes seguimiento. Estás inyectando tablas adicionales en la base de datos, widgets del panel de administración, ventanas emergentes de marketing y, a veces, docenas de consultas adicionales a la base de datos en el backend de WordPress.

Todo por un simple script de 73KB que puedes instalar tú mismo en 3 minutos.

Si te importan Core Web Vitals, el Time to First Byte (TTFB), y mantener limpio tu panel de administración, añadir Google Analytics manualmente es la única opción.

Esta guía te mostrará exactamente cómo añadir Google Analytics 4 (GA4) a tu sitio de WordPress sin un plugin, asegurando que siga siendo ultrarrápido.

---

¿Por qué saltarse el plugin de Analytics? El coste de rendimiento

Antes de ver el código, veamos los datos. ¿Por qué molestarse con la instalación manual?

1. Hinchazón de la base de datos: Los plugins de Analytics a menudo almacenan datos de configuración y guardan informes en caché en tu wp_options tabla. Con el tiempo, esto ralentiza las consultas a la base de datos.
2. Lastre del panel de administración: Cargar gráficos interactivos dentro del panel de WordPress consume recursos del servidor. Tu área de administración debería ser para la creación de contenido, no para la visualización de datos. Tienes el panel real de Google Analytics para eso.
3. Sobrecarga del frontend: Algunos plugins cargan sus propios archivos CSS o JS junto con el código de seguimiento de Google solo para que funcionen sus integraciones específicas.
4. Superficie de vulnerabilidad: Cada plugin que agregas es un riesgo potencial de seguridad.

Al usar el método manual, agregas exactamente cero carga a tu servidor.

---

Paso 1: Obtén tu código de seguimiento de GA4

Antes de tocar WordPress, necesitas tu etiqueta de Google única.

1. Inicia sesión en tu Google Analytics cuenta.
2. Haga clic en Administración icono de engranaje en la esquina inferior izquierda.
3. En la configuración de tu propiedad, haz clic en Flujos de datos.
4. Selecciona el flujo de datos de tu sitio web.
5. Desplácese hacia abajo hasta el etiqueta de Google sección y haz clic en Ver instrucciones de la etiqueta.
6. Cambia a la Instalar manualmente pestaña.

Deberías ver un fragmento de código que se ve así:

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

  gtag('config', 'G-XXXXXXXXXX');
</script>

Copia todo este bloque de código.

---

Paso 2: La forma correcta (usando functions.php)

Hay dos formas de agregar este código a tu sitio. Vamos a usar el functions.php método.

¿Por qué? Porque editar tu header.php archivo directamente es frágil. Si cambias de tema o actualizas tu tema sin usar un tema hijo, tu código de seguimiento se borrará.

Usar hooks de WordPress en tu functions.php archivo es más limpio, más seguro y el estándar de la industria para código personalizado.

Requisito previo crucial: Debes usar un Tema Hijo. Si agregas esto a un tema padre, se sobrescribirá en la próxima actualización del tema.

1. Inicia sesión en tu panel de WordPress.
2. Navega a Apariencia > Editor de archivos de tema.
3. En el lado derecho, debajo de “Archivos del tema”, selecciona Funciones del tema (functions.php).
4. Desplázate hasta el fondo absoluto del archivo.
5. Pega el siguiente fragmento de PHP, reemplazando el comentario de marcador de posición con tu código GA4 real:

/**
 * Add Google Analytics to WordPress header safely.
 */
add_action('wp_head', 'insert_custom_google_analytics', 20);

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

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

Analicemos por qué este fragmento está optimizado:

• add_action('wp_head', ...): This hooks into WordPress right before the  </head> tag closes, ensuring the script loads early enough to track bounces, but doesn’t break your page structure.
• 20: Este es el número de prioridad. Al establecerlo en 20 (el valor predeterminado es 10), le decimos a WordPress que cargue esto ligeramente más tarde en la secuencia del encabezado, priorizando primero tu CSS principal y los scripts críticos del tema.
• async: Observa el async atributo en la etiqueta del script de Google. Esto le dice al navegador que descargue el script en segundo plano sin bloquear la representación de tu página.

Una vez pegado, haga clic Actualizar archivo.

---

Paso 3: Verifique que funciona (sin esperar 24 horas)

No necesita esperar un día para ver si lo instaló correctamente.

1. Abra una nueva ventana de “Incógnito” o “Navegación privada”.
2. Vaya a la página de inicio de su sitio web y haga clic en algunas páginas.
3. Vuelva a su panel de Google Analytics.
4. Navega a Informes > Tiempo real.

Debería ver al menos 1 usuario activo en su sitio. Si lo ve, felicidades: ha implementado GA4 con cero hinchazón de complementos.

---

Resumen: Un WordPress más ligero

Agregar Google Analytics sin un complemento no se trata solo de ahorrar unos pocos bytes; es una mentalidad arquitectónica. Al mantener las herramientas de marketing de terceros fuera de su base de datos de WordPress y del panel de administración, mantiene un sitio web más limpio, rápido y seguro.

Cada vez que puede reemplazar un complemento voluminoso con una función limpia de 10 líneas, su sitio se vuelve más rápido. Y en el SEO moderno, la velocidad lo es todo.