¿Cómo añadir Google Analytics a WordPress?

Cuando una web ya empieza a tomar forma, llega un punto en el que no basta con publicar contenido o hacer cambios sin saber qué resultado están teniendo. Empieza a hacer falta mirar un poco más allá y entender qué está pasando dentro del sitio web WordPress, cuántas personas entran, desde dónde llegan, qué páginas despiertan más interés, cuánto tiempo permanecen o en qué momento deciden salir.

Es por esto que añadir Google Analytics a WordPress empieza a tener bastante sentido. Más que un complemento extra, se convierte en una forma de entender mejor cómo se mueve la web y qué está ocurriendo con las visitas. Con Google Analytics 4 podemos medir interacciones, eventos y distintos comportamientos tanto en sitios web como en aplicaciones, y en WordPress tenemos varias formas de integrarlo.

Lo bueno es que no estamos obligados a hacerlo siempre del mismo modo. Hay quien prefiere usar un plugin para tenerlo listo más rápido, quien opta por Google Tag Manager para manejar mejor las etiquetas y quien se siente más cómodo insertando el código de forma manual para tener un control más directo.

Al final, no se trata de que una opción sea la correcta para todos los casos. Dependerá mucho de cómo tengamos montada la web, del nivel de personalización que busquemos y de si queremos algo simple o dejar preparada una base más completa para futuras mediciones.

En esta guía veremos cómo conectar Google Analytics 4 con WordPress y qué camino nos conviene más según cómo tengamos montada la web. La idea no es poner el código por ponerlo, sino empezar a mirar datos que de verdad nos ayuden a entender qué está funcionando, qué páginas llaman más la atención y dónde quizá haga falta ajustar algo.

  Qué es Google Analytics

Google Analytics es una herramienta que nos ayuda a entender qué hacen las personas cuando entran en nuestra web. Dicho de una forma simple, registra interacciones y nos devuelve datos numéricos sobre el comportamiento de los usuarios. Gracias a eso, dejamos de movernos solo por intuición y empezamos a ver con un poco más de claridad qué está funcionando, qué no y en qué partes del sitio tendría sentido hacer ajustes.

Cuando vamos a añadir Google Analytics a WordPress, cobra bastante importancia. Ya que no se trata solo de instalarlo para ver visitas, sino de una herramienta que nos ayude a interpretar mejor lo que ocurre dentro del sitio y a tomar decisiones con más criterio.

Con Google Analytics podemos conocer cosas como estas:

• Cuántas personas entran en nuestra web
• Desde dónde llegan o por qué canal acceden
• Qué páginas visitan más
• Cuánto tiempo pasan dentro del sitio
• Si vuelven a visitarnos o si solo entran una vez
• En qué momento del día, de la semana o del mes tenemos más actividad
• Qué acciones realizan dentro de la web
• Cómo se comportan antes de completar una compra, rellenar un formulario o abandonar la navegación.

También nos permite trabajar con informes y filtrar la información según lo que más nos interese analizar en cada momento. Y eso viene muy bien, porque no todos los proyectos necesitan mirar los mismos datos. Una tienda online no revisará exactamente lo mismo que un blog, una academia o una web corporativa.

Además, con Google Analytics 4 hay varios cambios que conviene tener en cuenta, porque su forma de medir ya no funciona como antes. Por ejemplo:

• Ahora casi todo se mide como eventos
• Los antiguos objetivos pasan a llamarse conversiones
• Algunas métricas cambian su enfoque
• Se añaden eventos automáticos que antes muchas veces teníamos que configurar aparte
• Si tenemos una app, la medición puede unificarse de una forma más cómoda.

Esto no quiere decir que desde el primer día tengamos que dominar todas sus funciones. Más bien sería una herramienta que podemos ir entendiendo poco a poco. Primero viendo lo más básico y luego profundizando según lo que necesite nuestro proyecto.

Google Analytics nos ayuda a ver qué está pasando realmente dentro de la web. Y cuando decidimos añadir Google Analytics a WordPress, lo que estamos haciendo es abrir la puerta a una medición mucho más útil para entender a nuestros usuarios, revisar resultados y mejorar el sitio con datos más claros sobre la mesa.

  Características esenciales de Google Analytics 4

A estas alturas seguro que ya sabes que GA4 es el nombre abreviado de Google Analytics 4, y que se trata de la última versión de la popular herramienta de análisis web de Google y probablemente la más utilizada para estas cuestiones en Internet, a fin de cuenta ¡es gratis!

Algunas características clave de Google Analytics 4 son:

• Análisis cross-platform: el cual permite analizar datos entre sitios web y aplicaciones móviles con una única propiedad de GA4.
• Tiene un mayor enfoque en la privacidad: Utiliza métodos de recopilación de datos con enfoque en la privacidad como el aprendizaje federado.
• Mediciones automatizadas: Incluye mediciones y dimensiones preconfiguradas para acelerar la implementación.
• Atribución basada en machine learning: Modelos de atribución más avanzados impulsados por machine learning.
• Énfasis en los eventos: Se centra más en el análisis de eventos que en las vistas de página.
• Experience data: Nueva capa de datos para entender mejor las experiencias de los usuarios.
• Interfaz renovada: Nueva interfaz más intuitiva e integrada con otros productos de Google.

Con GA4 se nota la evolución de Google Analytics, ofreciendo análisis más avanzados, flexibles y más enfocada en la privacidad para entender mejor el comportamiento de los usuarios en sitios web y Apps.

  Cómo darte de alta en Google Analytics 4

Lo primero que deberías preguntarte, ¿por qué debes utilizar GA 4 en lugar de otras herramientas de métricas?

• GA4 está diseñado para centrarse en el usuario, lo que significa que se puede obtener una mejor comprensión del comportamiento de los usuarios en tu sitio web, identificar patrones de comportamiento, segmentar audiencias y comprender mejor cómo los usuarios interactúan con la web.




• Se ha diseñado para ser utilizado en varias plataformas, lo que significa que se pueden recopilar datos de varias fuentes, incluyendo sitios web, aplicaciones móviles, juegos y dispositivos de Internet de las cosas (IoT), proporcionando una visión más completa del comportamiento de los visitantes en todas las plataformas.




• Dispone de una configuración de seguimiento más fácil que la versión anterior (GA3), Universal Analytics (UA). Con GA4, se pueden rastrear eventos con más facilidad, lo que permite una mejor comprensión del comportamiento del usuario.




• Se integra de manera más efectiva con Google Ads, ayudandote a optimizar tus campañas publicitarias en función de los datos recopilados en GA4.




• Cumple con las regulaciones de privacidad más estrictas, como GDPR y CCPA. Utiliza identificadores anónimos para garantizar la privacidad de los usuarios.

Ahora que sabes un poco más de sus virtudes, pasemos a ver cómo te puedes dar de alta en este servicio.

Hay dos requisitos que necesitas para darte de alta en Analytics:

• Tener una cuenta de Google, ya sea de Gmail, G-Bussiness o una de tu propio dominio, pero que des de alta en Google.
• Disponer de una página web o App que medir. Obvio… 😉

Y ahora vienen los pasos para crearte la cuenta:

1. Accede a la web de Google Analytics con tu cuenta de Google.




2. Crea tu cuenta de Analytics. Cabe comentarte que cuando te das de alta en Analytics te estás creando un usuario de este servicio. Y dentro de este usuario podrás crear varias cuentas.

Usuario de Analytics   Cuenta   Propiedad   Flujos de datos

Es la jerarquía de organización de esta herramienta. Puedes tener cuentas para tus webs de clientes, por ejemplo y luego otra cuenta para tus webs personales. Aunque por ejemplo para administrar clientes, lo más recomendado es crear una cuenta por cliente. Vete a saber si luego ese mismo cliente te pide hacer más webs. 🤗

3. Crea tu propiedad. Una propiedad es un proyecto digital. Entendiéndose por proyecto digital, por ejemplo, una tienda online. Luego esa tienda online puede tener una app y una web que será cada uno de los «flujos de datos», el siguiente nivel de Analytics.




4. Crea tu flujo de datos. Si es una web hecha con WordPress, entonces elige Aplicación web.




5. La aplicación te da ahora un código de seguimiento. Aquí ya tienes los datos para instalar Analytics en tu web con WordPress de formas distintas.

   Instalar Google Analytics con Plugin

Sin duda la mejor opción es que directamente instales un plugin de WordPress que cumpla con la legalidad, por tanto, te recomiendo que uses el plugin más fácil para que cumplas con la normativa RGPD europea y ese es GDPR Cookie Compliance

• Instala este plugin y actívalo.
• Navega hacia la pestaña de GDPR Cookie Compliance en el lado izquierdo de tu pantalla y luego a Ajustes del banner.
• Cambia a Encendido para activar el banner que aparecerá en el navegador cuando las personas visiten tu web.
• Para que tu sitio cumpla con la normativa, también tendrás que activar la opción Botón de rechazar y te recomiendo que actives también el acceso a los ajustes que deben ser visibles para el visitante (aunque también puedes poner su link en otra parte de la web, por ejemplo en el footer).
• Guarda cambios en el botón situado abajo del todo.
• Ahora pulsa en la sección Cookies de terceros.
• Cambia el estado a Encendido y estado por defecto a Desactivadas.
• Ve hacia abajo (scroll hacia abajo) y verás una sección llamada Pega tus códigos y fragmentos de código a continuación. Se añadirán a todas las páginas si el usuario permite estas cookies. Ahí tienes un navegador de pestañas donde puedes añadir el código de seguimiento en la sección que te exija el proveedor de traqueo.
  En el caso de Google Analytics, debes copiar el código aportado en el punto anterior en la sección head.
• Guarda los cambios.
• Listo, hecho, ya lo tienes. Ahora te recomiendo que navegues hasta la sección de Extra: añadir un banner que obligue a aceptar las cookies de Google Analytics para “obligar” a tus visitantes aceptar las cookies.

  Instalar Google Analytics con Tag Manager

Si queremos añadir Google Analytics a WordPress con más control y dejando espacio para medir otras cosas más adelante, usar Google Tag Manager puede ser una muy buena opción. No quiere decir que sea la forma más simple de todas, pero sí una de las más flexibles cuando queremos centralizar etiquetas desde un solo lugar. Google sigue recomendando configurar GA4 en Tag Manager mediante la Google tag y no duplicar instalaciones por fuera.

1. Accede a https://tagmanager.google.com/ con tu cuenta de Google.
2. Crea una cuenta a la que añadiremos un contenedor, aquí la relación es la siguiente:

Usuario Tag Manager   Cuenta   Contenedores

Los contenedores serán como los “flujos de datos” en Analytics. Aquí sí te recomiendo una cuenta por proyecto digital.

3. Dale un nombre a la cuenta. Por ejemplo “Mi nueva página web”, elige el país, y abajo el nombre del contenedor, por ejemplo la URL del sitio sin las www “minuevaweb.com”, y selecciona el tipo de plataforma que es: en este caso Sitio web si es una página hecha con WordPress.
4. Haz clic en Crear, lee el acuerdo, marca como aceptado el checkbox que aparece abajo del todo, y clic de nuevo en Sí, arriba a la derecha.
5. Deja abierta esta ventana donde aparecen los dos códigos a copiar en tu web, y abre otra pestaña con tu web.
6. Instala el plugin GDPR Cookie Compliance y actívalo.
7. Navega hacia la pestaña de GDPR Cookie Compliance en el lado izquierdo de tu pantalla y luego a Ajustes del banner.
8. Cambia a Encendido para activar el banner que aparecerá en tu navegador para que acepten las cookies.
9. Para que tu sitio cumpla con la normativa, también tendrías que activar la opción Botón de rechazar y te recomiendo que actives también el acceso a los ajustes que deben ser visibles para el visitante, aunque también puedes poner su link en otra parte de la web, por ejemplo en el footer.
10. Guarda cambios en el botón situado abajo del todo.
11. Ahora pulsa en la sección Cookies de terceros.
12. Cambia el estado a Encendido y estado por defecto a Desactivadas.
13. Ve hacia abajo (scroll hacia abajo) y verás una sección llamada Pega tus códigos y fragmentos de código a continuación. Se añadirán a todas las páginas si el usuario permite estas cookies. Ahí tienes un navegador de pestañas donde puedes añadir el código de seguimiento en la sección que te exija el proveedor de traqueo. En el caso de Google Tag Manager, debes copiar dos códigos:
    
    • En la pestaña Sección head, el primer código que te dan donde pone.
    • En la Sección body, el segundo que empieza por.

     

14. Guarda los cambios.
15. Ahora vuelve a la ventana de Tag Manager de nuevo y cierra la información del código.
16. Busca Etiquetas, luego pulsa en Nueva.
17. Clic en Configuración de la etiqueta y elige la opción Google Analytics: configuración de GA4.
18. Introduce el ID de navegación de Analytics. Eso lo puedes encontrar en tu cuenta de Analytics creada antes. Si no lo tienes, sigue estos pasos:
    
    • Ve a tu cuenta de Google Analytics ➜ Todas las cuenta arriba izquierda
    • Selecciona la cuenta que quieres administrar ➜ Rueda Administrador abajo a la izquierda ➜ Propiedad que quieres configurar ➜ Flujos de datos ➜ selecciona tu flujo (tu web hecha con WordPress).
    • Dentro tienes un apartado que pone en negrita ID de medición.
    • Copia ese número que empieza por G-. Sobre el resto de opciones, puedes consultar en la ayuda de Google.

     

19. Dale un nombre a la etiqueta, por ejemplo Google Analytics o GA4 para identificar la versión 4 de la herramienta.
20. Clic en la parte de abajo llamada Activación, y selecciona Todas las páginas para que se instale en eso… en todas las páginas 😅.
21. Clic en Guardar ➜ Enviar para publicar. Pon un nombre a la versión como “Instalación de Google Analytics 4” y clic en Publicar.

Importante: Si usas Google Tag Manager para instalar Analytics, no te hace falta copiar y pegar también el código de Google Analytics en el header, solo utiliza el código de Google Tag Manager siguiendo los pasos que he indicado aquí.

Hazlo con calma, lee cada paso, para no equivocarte, y verás que al final lo tendrás bien configurado.

  Instalar Google Analytics sin Plugin

La opción de instalar Google Analytics sin utilizar un plugin es posible, pero quiero que sepas que no estarás cumpliendo con la normativa vigente si lo haces, tal cual te explica Google. Actualmente, en Europa existe una normativa que obliga a que si recopilas datos de navegación, necesitas informar a tus visitantes de ello y que acepten o no la instalación de cookies para medir su comportamiento. El famoso banner de las cookies.

Si aun así quieres instalar Google Analytics sin plugin, simplemente copia el código que te aporta la herramienta cuando llegas al final del punto Darse de alta en Google Analytics 4, y pega ese código en dentro de la etiqueta <head></head> de tu tema de WordPress.

¿Cómo lo puedes conseguir? Bueno, pues la forma más fácil es añadiendo el siguiente código cambiando simplemente el número de propiedad (donde pone G-XXXXXXXXXX), en el archivo functions.php de tu tema o en un plugin de Snippets como Code Snippets:

add_action( 'wp_head', 'agregar_google_analytics' );
function agregar_google_analytics()  { ?>
        <!-- Global site tag (gtag.js) - Google Analytics -->
        <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 }

  ¿Dónde está el archivo functions.php?

Si queremos agregar Google Analytics a WordPress sin plugin, es normal que surja una duda bastante básica al principio y es la de dónde está el famoso archivo functions.php y si de verdad vale la pena tocarlo.

Y la respuesta corta es que sí existe, pero conviene tratarlo con cuidado. No deja de ser uno de esos archivos importantes del tema activo, así que cualquier cambio mal hecho puede terminar afectando el funcionamiento de la web.

Para entenderlo fácil, WordPress carga ese archivo de forma automática dentro del tema que estamos usando. Si además trabajamos con un tema hijo, primero tomará el functions.php del hijo y después el del tema padre.

Normalmente, ese archivo suele estar dentro de la carpeta del tema activo, en una ruta como esta:

wp-content/themes/nombre-del-tema/functions.php

Si estamos trabajando con un tema hijo, lo ideal es que el cambio se haga en ese tema y no en el tema principal. Esto tiene bastante sentido, porque si modificamos directamente el tema padre, es muy probable que perdamos esos cambios en la siguiente actualización. WordPress, de hecho, trata el functions.php como un archivo de funcionalidad del tema, y cuando hay child theme, carga primero el del hijo para permitir este tipo de personalizaciones.

Normalmente tenemos varias formas de llegar a él:

• Desde el administrador de archivos del hosting
• Por FTP
• Desde el editor de archivos del tema en WordPress, si está habilitado.

Ahora bien, aquí conviene decir algo importante. Aunque el archivo esté ahí y podamos editarlo, no siempre es la opción más cómoda ni la más segura si no tenemos claro lo que estamos haciendo. Un error pequeño en PHP dentro de functions.php puede dejar la web en blanco o provocar fallos en carga, algo que WordPress documenta como una posibilidad real cuando hay problemas en este archivo.

  Comprueba que Google Analytics está bien instalado

Accede al apartado de informes en tiempo real y con otro navegador o sesión anónima (y después de haber dado que sí al consentimiento de cookies).

Verifica que se está registrando tu sesión actual. Eso sí, en resto de informes (pestañas de la aplicación), solo verás datos pasadas 24 horas de la instalación.

  Partes más importantes de Google Analytics

A continuación te detallo un poco las partes más destacadas de Google Analytics, para que sepas un poco su uso a la hora de empezar a utilizar la herramienta.

🏠 Página principal: Te ofrece un resumen con las métricas más generales de tu sitio web como son los usuarios activos en los últimos 7 días, así como el número de usuarios nuevos, el tiempo de interacción medio y los ingresos (si lo tienes configurado).

⏱ En tiempo real: Lo que está ocurriendo en este mismo momento en tu web. Cuántas personas están visitándola y desde dónde o en qué páginas están.

🚰 Ciclo de vida: los antiguos informes ahora se dividen en Adquisición, Interacción, Monetización y Retención que un poco nos recuerda a un embudo de conversión clásico.

🛬 Adquisición: El panel donde puedes consultar los datos relativos a los usuarios (nuevos, sesiones, LTV), comparar métricas con periodos específicos que elijas y ver por dónde han entrado a tu web: si desde una red social específica, si de una campaña de Google Ads, si del buscador, etc. Cada una de las tarjetas que nos presenta nos lleva a un enlace con un informe mucho más detallado donde incluso puedes añadir dimensiones demográficas para segmentar aún más a tus visitantes.

🤳 Interacción: Nos informa de cuáles son los contenidos/páginas con más interés para nuestro público. La sección estrella es Páginas y pantallas, donde veremos cuáles son nuestras fuentes de tráfico: aquellas páginas que más visitan los usuarios.

🤑 Monetización: Si tu web es un e-commerce o tiene servicios de pago, aquí verías los informes con respecto a las métricas relativas al vil dinero. Aparecerán los datos si tienes conectado WooCommerce con Analytics.

🎈 Retención: Tienen que ver con la recurrencia de nuestros usuarios en el sitio, la frecuencia con la que visitan nuestra web. El Life Time Value, los análisis de cohortes y poder prever los comportamientos de nuestros usuarios. Analytics comienza a tener métricas predictivas a partir de los análisis con inteligencia artificial basadas en tus históricos y demás.

🧑‍💻 Usuarios: Información relativa a las características demográficas de las personas que acceden y el tipo de dispositivo (navegador, móvil, equipo de escritorio, sexo, lenguaje, edad, etc.)

🎉 Eventos: Todo lo que mide Google Analytics ahora son eventos, y dentro tenemos la sección de conversiones, que es el “nuevo” embudo de objetivos. Aquí configuraremos los flujos de conversión de nuestra web. Si es un formulario de contacto, una venta, etc.

📊 Análisis: Una de las zonas más interesantes de esta nueva versión. Aquí es donde podrás crear tus “informes” personalizados, es el heredero de esta antigua herramienta. Es una de las partes que más cambios ha sufrido y más control podemos tener. Merece un artículo aparte.

📢 Audiencias: Una herramienta que podemos usar para segmentar a nuestros visitantes. Por defecto hay dos audiencias: Todos los usuarios y los compradores 😄, pero puedes crear todas las audiencias que quieras a partir de un montón de parámetros que puedes introducir y filtrar. Una pasada.

  Añadir datos demográficos a informes de Google Analytics 4

Los datos demográficos (sexo, lenguaje, etc. de tus usuarios) no están activados por defecto.

Para activarlo, ya que puede ser interesantes para detectar tu público, ve a tu cuenta de Google Analytics ➜ Propiedad, donde la quieras activar ➜ Asistente de configuración ➜ Activar Google signals ➜ clic en Lo reconozco (I acknowledge) y en Empezar.

En la siguiente página, pulsa en Continuar, y en Activar.

El cambio no surtirá efecto en el momento, sino que tendrás que esperar al menos 24 horas para que Analytics muestre los datos demográficos.

  Extra: añadir banner para aceptar cookies de GA

Uno de los dolores más grandes que hay cuando una web se pasa a la legalidad es que debe adaptar y meter banners, avisos legales, checkbox de aceptación, etc. para que las personas estén informadas de cada paso que va a realizar.

¿Y al preguntarle tanto a las personas qué ocurre? Bueno, pues que se lo ponemos más difícil, dudan si no entienden algo y van al contenido sin ver los banners que aparecen arriba, abajo, izquierda o derecha.

Por eso, la recomendación siempre será la de hacer banners que obliguen al usuario a aceptar las cookies si quieren navegar por tu web.

Si no sabes mucho de CSS o diseño, ahora te explico cómo hacerlo de una forma sencilla. 😜

1. Debes tener instalado, activo y configurado el plugin GDPR Cookie Compliance tal y como te he explicado en los puntos Instalar Google Analytics con Plugin o Instalar Google Analytics con Tag Manager
2. En Apariencia > Personalizar > CSS Adicional, añade lo siguiente:

/* Barra cookies */
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme,
#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme {
    height: 100vh;
    min-height: unset;
    max-height: unset;
    background-color: rgba(0,0,0,0.5) !important;
    border-top: 0 !important;
    box-shadow: 0;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container {
    margin: 20px;
    border-radius: 8px;
      background-color: inherit;
}

Y… booom! 🤯 ya tendrías tu sitio con banner cubriendo toda la pantalla. 😄

  Vídeo sobre Google Analytics 4 en WordPress

En el siguiente vídeo te explico cómo puedes instalar Google Analytics 4 en WordPress.

  Conclusiones

Google Analytics 4 (GA4) es la última versión de la popular herramienta de análisis web de Google, la cual presenta varias mejoras y actualizaciones clave:

• GA4 permite un análisis unificado cross-platform entre sitios web y aplicaciones móviles en una sola propiedad.
• Utiliza métodos de recopilación de datos con enfoque en la privacidad y ofrece mediciones preconfiguradas para una implementación más rápida.
• Se centra más en el análisis de eventos e incorpora modelos de atribución avanzados impulsados por machine learning.

Google Analytics 4 representa una evolución integral de la plataforma de análisis web de Google, con mayor enfoque en privacidad, velocidad, flexibilidad y accionabilidad de los datos y ayuda mejor a entender de forma profunda el comportamiento omnicanal de los usuarios en tu sitio web.

A mí especialmente me resulta bastante abrumador y nunca creo que le saque mucho provecho a la herramienta.

Pero te recomiendo que fijes un par de KPIs a tu proyecto como pueden ser usuarios activos a la semana, mes, etc., conversiones y mirar en qué páginas se marchan tus usuarios.

Eso unido a un plugin de video visitas como puede ser Hotjar se convierte en una valiosa herramienta para tomar mejores decisiones a la hora de mejorar tu web y que convierta más.