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 start the same way: adding “just one more plugin” for a basic task.

When you install a Google Analytics plugin—even the popular ones like MonsterInsights or Site Kit—you aren’t just getting tracking. You’re injecting extra database tables, dashboard widgets, marketing popups, and sometimes dozens of additional database queries into your WordPress backend.

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

Before we look at the code, let’s look at the data. Why go through the trouble of manual installation?

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. Select your website’s data stream.
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 Appearance > Theme File Editor.
3. On the right-hand side under “Theme Files”, select 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 }

Let’s Break Down Why This Snippet is Optimized:

• 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.

---

Step 3: Verify It’s Working (Without Waiting 24 Hours)

You don’t need to wait a day to see if you installed it correctly.

1. Open a new “Incognito” or “Private Browsing” window.
2. Go to your website’s homepage and click around a few pages.
3. Vuelva a su panel de Google Analytics.
4. Navega a Reports > Realtime.

Debería ver al menos 1 active user on your site. If you do, congratulations—you’ve successfully implemented GA4 with zero plugin bloat.

---

Resumen: Un WordPress más ligero

Adding Google Analytics without a plugin isn’t just about saving a few bytes; it’s an architectural mindset. By keeping third-party marketing tools out of your WordPress database and admin panel, you maintain a cleaner, faster, and more secure website.

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.