Cómo instalar Google Analytics en WordPress

por | Jul 7, 2021 | Aprender WordPress

Cómo instalar Google Analytics en WordPress

“Si no se puede medir, no existe” es una frase que hemos escuchado en cantidad de conferencias sobre e-commerce y proyectos digitales en todo el mundo.

La importancia de medir qué ocurre en nuestras webs va más allá de instalar un simple contador como hacíamos en los 90. Una métrica de vanidad que simplemente nos hacía más felices cuanto más aumentaba el número 🤦🏻‍♀️.

Pero ahora todo ha cambiado y los contadores han pasado a llamarse datos y los informes de herramientas como Google Analytics, Amplitude o las alternativas Open Sources Matomo y Open Source OWA, son imprescindibles para mostrar tu solvencia como negocio digital.

Más allá de la herramienta, lo que nos tendría que importar a la hora de tomar datos de nuestras visitantes es establecer el modelo de negocio que estamos creando, conocer el funnel de producto, establecer KPIs, fijarnos en la métrica que importa y toda esta metodología de analítica lean que cualquier startup conoce y adora. Vamos a bajarnos de la nube y comenzar a implementar el primer paso de tu nueva política de datos en tu web hecha con WordPress: instalar Google Analytics 🤘🏻.

 

Qué es Google Analytics

 

Es una herramienta de analítica que hace un seguimiento de los clicks que realiza una persona que visita tu web. Es de tipo cuantitativo, te ofrece datos numéricos del comportamiento de tus usuarios.

Con ella podremos conocer toda una serie de comportamientos que seguro te vendrán muy bien para tomar decisiones basadas en datos. Aquí te traigo un listado de las principales cosas que podrás conocer con Analytics:

  • Cuántos visitantes entran en tu web y lo más importante: desde o por dónde acceden.
  •  

  • Cuando entran tu web. Podrás conocer cuáles de esas personas que te visitan son recurrentes y saber cada cuanto vuelven. También podrás establecer filtros temporales entre otras cosas.
  •  

  • Elaborar informes personalizados con los datos que más te interesen para tu proyecto online.
  •  

  • Conocer tus ventas y relacionarlas con los demás datos que estás recopilando. Con WooCommerce la conexión es directa y seguro que podrás hacerla fácilmente siguiendo este otro tutorial que te proponemos.

Además con Google Analytics 4 podrás hacer muchas más cosas que antes necesitabas de Google Tag Manager para configurarlas finamente. Algunas de estas mejoras son:

  • Se acabó la doble analítica Google Analytics y Firebase. Si tienes una aplicación, ahora puedes relacionarla con Google Analytics y tener todos los datos unificados.
  •  

  • Todos los comportamientos son tratados como eventos, ya no hay page views, ni custom event establecidos por nosotros, ni nada. Todos son eventos y ya 😄.
  •  

  • Desaparecen los objetivos, ahora se llaman conversiones.
  •  

  • Ya no hay rebote, sino que se tendrá que crear una métrica específica para calcularla.
  •  

  • Los usuarios que interactúan con tu sitio ahora pasan a llamarse “Usuarios activos”. Muy a colación de una métrica muy común que es la de DAU, WAU, MAU, etc. (Daily Active Users, Monthly Active Users, en inglés).
  •  

  • Pierdes tu histórico de datos si antes tenías Google Analytics ya instalado. Pero puedes mantener tu Universal Analytics activo para seguir viendo esos datos.
  •  

  • Añade una serie de eventos por defecto que antes teníamos que añadir manualmente con Tag Manager. Uno de los más valiosos es la búsqueda interna. Ahora sabremos qué buscan nuestros usuarios dentro de la web.

 

Darse de alta en Google Analytics 4

 

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

  • Tener una cuenta de Google, ya sea de Gmail, Gsuite o una de tu propio dominio pero que des de alta en Google.
  • Tener una página web o app que medir. Obvio… 😅

Y ahora vienen los pasos para crearte la cuenta:

  1. Accede a la web de Analytics y loguéate con tu cuenta de Google.
  2.  

  3. Crea tu cuenta de Analytics. Comentarte que cuando te das de alta en Analytics te estas creando un usuario de este servicio. Y dentro de este usuario podrás crear varias cuentas.

Usuario de Analytics > Cuenta > Propiedades > 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 😉.

  1. 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.
  2.  

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

  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 que cumpla con la legalidad, por tanto te recomendamos 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

 

Esta es otra opción que requiere un paso previo: crear un usuario de Google Tag Manager. Para ello vamos primero paso a paso:

  1. Accede a https://tagmanager.google.com/ con tu cuenta de Google.
  2.  

  3. 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í si te recomendamos una cuenta por proyecto digital 😉

  1. 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 nuestro caso Sitio web si es una página hecha con WordPress.
  2.  

  3. Pulsamos Crear, leemos el acuerdo, marcamos como aceptado el checkbox que nos aparece abajo del todo, y pulsamos arriba a la derecha.
  4.  

  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.  

  7. Instala GDPR Cookie Compliance y actívalo.
  8.  

  9. Navega hacia la pestaña de GDPR Cookie Compliance en el lado izquierdo de tu pantalla y luego a Ajustes del banner.
  10.  

  11. Cambia a Encendido para activar el banner que aparecerá en tu navegador para que acepten las cookies.
  12.  

  13. 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.
  14.  

  15. Guarda cambios en el botón situado abajo del todo.
  16.  

  17. Ahora pulsa en la sección Cookies de terceros.
  18.  

  19. Cambia el estado a Encendido y estado por defecto a Desactivadas.
  20.  

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

     

  22. Guarda los cambios.
  23.  

  24. Ahora vuelve a la ventana de Tag Manager de nuevo y cierra la información del código.
  25.  

  26. Busca Etiquetas, luego pulsa en Nueva
     

  27. Click en Configuración de la etiqueta y elige la opción Google Analytics: configuración de GA4.
  28.  

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

     

  30. Dale un nombre a la etiqueta por ejemplo Google Analytics o GA4 para identificar la versión 4 de la herramienta.
  31.  

  32. Click en la parte de abajo llamada Activación, y selecciona Todas las páginas para que se instala en eso… en todas las páginas 😅.
  33.  

  34. Click en Guardar > Enviar para publicar. Pon un nombre a la versión como “Instalación de Google Analytics 4” y click 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 hemos indicado aquí.

 

Instalar Google Analytics sin Plugin

 

Esta opción existe 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 ellos y que acepten o no la instalación de cookies para medir su comportamiento. El famoso banner de las cookies.

Si aún así quieres ir 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?

 

1️⃣ El archivo functions.php está en el escritorio de WordPress > Apariencia > Editor de temas.

2️⃣ Selecciona el tema que tengas activado y pulsa sobre el archivo llamado Funciones del tema functions.php.

3️⃣ Ahí, pega el código al final del todo, y dale a Actualizar archivo. Ya lo tienes 🎉.

 

Cómo sé que Google Analytics está correctamente 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) . Comprueba 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

 

Ciclo de vida de Google Analytics

 

🏠 Página principal: Nos 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 usuario 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.

 

Estapas del funnel de producto

🛬 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 basado 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 post 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 tus 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 > pinchar 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 un banner que obligue a aceptar las cookies de Google Analytics.

 

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, checkboxes 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, mi 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.  

  3. 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 😄.

 

Conclusión y recomendaciones

 

Google Analytics es extenso y muy configurable. 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 videovisitas como puede ser Hotjar puede ser una valiosa herramienta para tomar mejores decisiones a la hora de mejorar tu web y que convierta más. Espero te haya servido este tutorial y nos vemos en el siguiente. ¡Adiós!