Cómo agregar Google Analytics a WordPress sin un complemento (y mantenerlo rápido)

Publicado el | Por
5 minutos de lectura

Most WordPress performance issues start the same way: adding “just one more plugin” for a basic task.

Cuando instala un complemento de Google Analytics, incluso los populares como MonsterInsights o Site Kit, no solo obtiene seguimiento. Estás inyectando tablas de bases de datos adicionales, widgets de panel, ventanas emergentes de marketing y, a veces, docenas de consultas de bases de datos adicionales en tu backend de WordPress.

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

If you care about Elementos vitales web básicos, Time to First Byte (TTFB), and keeping your admin dashboard clean, adding Google Analytics manually is the only way to go.

This guide will show you exactly how to add Google Analytics 4 (GA4) to your WordPress site without a plugin, ensuring it remains lightning fast.


¿Por qué omitir el complemento de análisis? El costo del desempeño

Antes de mirar el código, veamos los datos. ¿Por qué pasar por la molestia de la instalación manual?

  1. Inflación de la base de datos: Los complementos de análisis a menudo almacenan datos de configuración e informes de caché en su wp_options mesa. Con el tiempo, esto ralentiza las consultas a la base de datos.
  2. Arrastre del panel de administración: Cargar gráficos interactivos dentro de su panel de WordPress consume recursos del servidor. Su área de administración debe ser para la creación de contenido, no para la visualización de datos. Tienes el panel real de Google Analytics para eso.
  3. Gastos generales de la interfaz: Algunos complementos cargan sus propios archivos CSS o JS junto con el código de seguimiento de Google solo para que sus integraciones específicas funcionen.
  4. Superficie de vulnerabilidad: Cada complemento que agregue es un riesgo potencial para la seguridad.

Al utilizar el método manual, agrega exactamente cero gastos generales a su servidor.


Paso 1: obtenga su código de seguimiento GA4

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

  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 su propiedad, haga clic en Flujos de datos.
  4. Seleccione el flujo de datos de su sitio web.
  5. Desplácese hacia abajo hasta el etiqueta de google sección y haga clic Ver instrucciones de etiqueta.
  6. Cambiar a la Instalar manualmente pestaña.

Deberías ver un fragmento de código similar a este:

<!-- 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>

Copie este bloque completo de código.


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

Hay dos formas de agregar este código a su sitio. vamos a utilizar el funciones.php método.

¿Por qué? Porque editar tu header.php El archivo directamente es frágil. Si cambia de tema o actualiza su tema sin utilizar un tema secundario, su código de seguimiento se borrará.

Usando ganchos de WordPress en su functions.php El archivo es más limpio, más seguro y el estándar de la industria para código personalizado.

Requisito previo crucial: Debes utilizar un tema secundario. Si agrega esto a un tema principal, se sobrescribirá en la próxima actualización del tema.

  1. Inicie sesión en su panel de WordPress.
  2. Navegar a Apariencia > Editor de archivos de temas.
  3. En el lado derecho, debajo de "Archivos de tema", seleccione Funciones del tema (functions.php).
  4. Desplácese hasta el final absoluto del archivo.
  5. Pegue el siguiente fragmento de PHP y reemplace el comentario del marcador de posición con su 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é se optimiza este fragmento:

  • 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 configurarlo en 20 (el valor predeterminado es 10), le decimos a WordPress que lo cargue ligeramente. más tarde en la secuencia del encabezado, priorizando primero su CSS principal y los scripts de temas críticos.
  • async: Observe el async atributo en la etiqueta de secuencia de comandos de Google. Esto le indica al navegador que descargue el script en segundo plano sin bloquear la representación de su página.

Una vez pegado, haga clic Actualizar archivo.


Paso 3: Verifique que esté funcionando (sin esperar 24 horas)

No necesitas esperar un día para ver si lo instalaste 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. Navegar a Informes > Tiempo real.

Deberías ver al menos 1 usuario activo en su sitio. Si lo hace, felicidades: ha implementado GA4 con éxito sin exceso de complementos.


Resumen: un WordPress más eficiente

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 y panel de administración de WordPress, mantiene un sitio web más limpio, más rápido y más seguro.

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

Ajay Malik

Ajay Malik es un desarrollador de WordPress y Elite Freelancer con más de 8 años de experiencia.