Cómo recopilar el 100% de los eventos de Google Analytics en tu sitio web

¿Sabías que más del 50% de la web utiliza Google Analytics? ¡Eso son decenas de millones de sitios web!

Por tanto, lo más probable es que tu sitio web también utilice Google Analytics, y que quieras aprovechar sus datos y su capacidad de elaboración de informes para tomar decisiones informadas sobre tu sitio, tu hoja de ruta de contenidos, tu producto y el futuro de tu negocio.

Si es así, te invito a que sigas leyendo este tutorial práctico y aprendas más sobre por qué y cómo recopilar el 100% de las interacciones web en tu sitio web.

¿Pero yo pensaba que ya recogía el 100% de las interacciones web?

Por desgracia, no es el caso de la mayoría de los sitios web debido a varias limitaciones. Se trata de limitaciones tecnológicas básicas que se han ido haciendo cada vez más impactantes en los últimos 10 años. 

Me refiero a tres causas principales:

#1 Concienciación sobre la privacidad y nueva normativa

Cada vez más países han ido adoptando leyes específicas para proteger la privacidad de los consumidores, exigiendo el consentimiento del usuario para la recogida de datos, lo que supone una gran mejora para la privacidad de los consumidores.

Una consecuencia menos obvia es que menos de la mitad de los visitantes dan su pleno consentimiento. Segúnding to recent studies, the average cookie consent rate is 31%. En otras palabras, más de dos tercios de tus visitantes no aceptan cookies de terceros; por lo tanto, sus visitas a la página y sus eventos no llegan a Google Analytics.

#2 Bloqueadores de anuncios

Aunque están diseñados específicamente para bloquear anuncios, los bloqueadores de anuncios impiden la recopilación de datos del sitio web bloqueando automáticamente las conexiones HTTP a las API analíticas más populares, como Google Analytics.

La adopción mundial ha pasado del 3% a más del 11% en la última década. Y si nos fijamos en Europa y Norteamérica, ~50% de los visitantes utilizan bloqueadores de anuncios.

En otras palabras, los bloqueadores de anuncios podrían bloquear más del 50% de las interacciones de tu sitio web, sobre todo si tu público objetivo es técnico y tiene un alto nivel de formación.

#3 Rendimiento web y adopción móvil

Una conexión a Internet lenta o inestable , a menudo en dispositivos móviles, puede interrumpir el flujo de datos del dispositivo a los servidores de seguimiento, lo que supone una pérdida de datos adicional del 10%. En 2024, casi el 60% del tráfico web mundialserá generado por dispositivos móviles, frente a menos del 30% hace sólo 10 años.

Además, los marcos web modernos no son totalmente compatibles con los navegadores antiguos en aras de la eficiencia, lo que es bueno para la mayoría de los visitantes. Por otro lado, es bastante habitual encontrar sitios web populares con puntuaciones de compatibilidad de ~90%, lo que supone una pérdida de datos adicional. En Edgee, hemos sido testigosen decasos extremos en los que una brecha de compatibilidad del 10% causó más del 40% de pérdida de datos.

Vale, ¿qué puedo hacer al respecto?

Como propietario o desarrollador de un sitio web, puede ser frustrante darte cuenta de que tienes poco control sobre las tres causas principales de pérdida de datos que acabamos de comentar. Debes cumplir la normativa sobre datos y respetar la privacidad de tus usuarios. No puedes obligar a tus visitantes a actualizar sus navegadores o evitar la navegación móvil mientras les proporcionas una gran experiencia de usuario.

La buena noticia es que hay una forma de seguir cumpliendo la normativa, respetar la privacidad de los usuarios y evitar las limitaciones del lado del cliente utilizando la computación de borde.

Edge Computing al rescate

Edge computing es un conjunto de tecnologías y arquitecturas que permiten acercar la computación y el almacenamiento de datos al usuario para reducir la latencia, en comparación con los centros de datos centralizados. Del mismo modo, utilizando edge computing te permite desplazar el cálculo fuera del navegador, entre el cliente y el servidor, eludiendo eficazmente las limitaciones de los bloqueadores de anuncios, las cookies, la conectividad móvil y la compatibilidad con JavaScript.

Afortunadamente, herramientascomo Edgee ayudan a las organizaciones organizaciones a transformar SDKs del lado del cliente como Google Analytics en componentes WebAssembly que se ejecutan en el borde. Esto significa que puedes eliminar el SDK de Google Analytics de tu sitio web, y Edgee se encargará de enviar las páginas vistas y los eventos personalizados a GA, incluso antes de que la página se sirva al navegador.

Técnicamente, esto implica un conjunto de técnicas para asegurarse de que los bots quedan automáticamente excluidos y de que los bloqueadores de anuncios no interceptan los eventos generados por los clientes.

Veamos a Edgee en la práctica

Hasta ahora, ¡todo bien! Pero, ¿cómo funciona realmente? Y lo que es más importante, ¿cómo puedes integrar Edgee en tu sitio web de forma eficaz sin dedicar innumerables horas ni modificar tus informes de Google Analytics? ¡Deja que te enseñe!

Los pasos que se indican a continuación no te obligarán a proporcionar una tarjeta de crédito ni a incurrir en cargos inesperados, ya que Edgee tiene un nivel gratuito.

Puedes empezar a utilizar Edgee en 5 pasos:

1. Crear una nueva cuenta gratuita Edgee
2. Crea un nuevo proyecto Edgee y configura la URL de tu backend, como https://youwebsite.com.
3. Añade un componente de Google Analytics a tu proyecto, eligiéndolo de una lista de componentes listos para usar
4. Integra el SDK de Edgee en tu código HTML y actualiza el mapeo de eventos
5. Integra Edgee en tu arquitectura (tipo CDN)

Espera, ¿por qué necesito un nuevo SDK del lado del cliente?

¡Buena pregunta! El SDK de Edgee actúa como puente y sustituye a los SDK de JavaScript de todos los componentes que hayas habilitado para tu proyecto. En otras palabras, el SDK Edgee permite que entren en acción nuestras capacidades de procesamiento de bordes. Cuando Edgee intercepta este script, desencadena eventos analíticos y otros servicios de forma transparente y directa en el borde. 

¿El resultado? Análisis en tiempo real sin comprometer el rendimiento de tu aplicación. La lógica de cálculo de bordes se ejecuta en por debajo de 4 milisegundos en el 99% de los casos (percentil 99). Además, el SDK te permite rastrear eventos del lado del cliente, como clics en botones o acciones personalizadas, sin recargar la página, comunicándote directamente con Edgee, por lo que no se puede bloquear.

Esto es lo que tienes que añadir en tu sitio web:

<script id="__EDGEE_SDK__" src="<YOUR_SDK_URL>" async></script>

Y si tu front-end es una aplicación React, puedes utilizarel paquete react-edgee de esta forma:

import EdgeeSdk from "react-edgee";
<EdgeeSdk src={"<YOUR_SDK_URL>"} />

A continuación, tienes que actualizar tu código JavaScript para utilizar el SDK de Edgee en lugar de Google Analytics:

// from this:
gtag('event', 'button-click', {
    color: ‘blue
});

// to this:
edgee.track({
    'name': 'button-click',
    'properties': {
        color: ‘blue
    }
});

Del mismo modo, si estás configurando propiedades específicas de usuario:

// from this:
gtag('config', '<tag_id>', {
  'user_id': '<user_id>'
});
// or this:
gtag('set', 'user_properties', {
  'user_id': '<user_id>',
  '<property_name>': '<property_value>',
});

// to this:
edgee.user({
    'user_id': '<user_id>',
    'anonymous_id': '<anonymous_user_id>',
    'properties': {
      '<property_name>': '<property_value>'
    }
});

Para integraciones más complejas, consulta cómo configurar tu Capa de Datos Edgee en el servidor y cómo asignar automáticamente el consentimiento de cookies mediante el SDK o las integraciones incorporadas para herramientas como Axceptio, Didomi y OneTrust.

Estrategias de migración

Crear un sitio web nuevo es emocionante y permite experimentar sin limitaciones. Sin embargo, en la mayoría de los casos, ya tienes un sitio web establecido con informes históricos de GA, optimizaciones y datos valiosos. Y no puedes permitirte lagunas o entradas duplicadas en tus analíticas.

Por eso recomiendo una de las siguientes estrategias de migración. Aunque añaden cierta complejidad, permiten realizar pruebas incrementales, garantizan la fiabilidad y proporcionan información valiosa a lo largo del proceso.

#1 Integrar y comparar

Esta estrategia es especialmente útil si no estás seguro del alcance de la pérdida de datos. ¿Es el 5%, el 20% o el 50% del total? En función de la respuesta, podrías decidir dar prioridad al uso de una herramienta como Edgee lo antes posible.

Una buena forma de medirlo es integrando Edgee junto con tu configuración actual de Google Analytics, utilizando una nueva propiedad de GA dentro de la misma cuenta. Esto te permite ejecutar una prueba de concepto durante unas semanas (un mes suele ser suficiente) y comparar las dos propiedades para cuantificar tu brecha de datos.

La implementación es sencilla, ya que no necesitas modificar tu código GA existente. Sólo tienes que integrar el SDK de Edgee y añadir fragmentos de seguimiento para eventos de página y personalizados.

Una vez finalizado el experimento y cuando estés preparado para la transición total a la analítica de borde, puedes pasar a la siguiente estrategia y eliminar gradualmente la antigua implementación.

#2 Integrar y sustituir

Esta estrategia se centra en sustituir completamente la antigua implementación de JavaScript en cuatro pasos.

En primer lugar, integra el SDK de Edgee y crea un nuevo componente de Google Analytics en tu proyecto, pero mantenlo desactivado.

En segundo lugar, desactiva la analítica automática de páginas vistas así:

gtag('config', '<tag_id>, {
  send_page_view: false,
});

En tercer lugar, prepárate para desplegar este cambio de código y activa inmediatamente el componente (inactivo) que configuraste en el primer paso. Esto garantiza que no se dupliquen ni se pierdan datos.

Por último, convierte todo el seguimiento del lado del cliente al SDK de Edgee. Aunque puedes hacerlo gradualmente, te recomiendo cambiar todos los eventos a la vez. Esto garantiza una migración limpia y te permite eliminar cualquier SDK redundante, mejorando el rendimiento del sitio web.

En los documentos de Edgee encontrarás una guía de migración aún más detallada que cubre tanto los cambios arquitectónicos como los de código.

Resumen y conclusiones

En este artículo, exploramos los retos del lado del cliente que te impiden captar el 100% de las interacciones del sitio web.

A continuación, presentamos Edgee, una plataforma impulsada por edge computing que supera estos retos, ofreciéndote datos precisos sin sacrificar la privacidad ni el rendimiento.

Por último, pero no por ello menos importante, si eres desarrollador y quieres saber más sobre cómo funciona Edgee bajo el capó o incluso descubrir cómo integrar tus propios componentes personalizados, no dudes en ponerte en contacto con este útil centro comunitario para la depuración.

Este espacio está evolucionando rápidamente, y en 2025 llegarán muchas actualizaciones interesantes y nuevos componentes. Mientras tanto, ¡estamos ansiosos por saber más sobre tus casos de uso y tus comentarios!

Para quienes deseen profundizar en la toma de decisiones basada en datos, consulta Marketing Analytics for Business, uncurso diseñado para ayudarte a utilizar la analítica para estrategias empresariales más inteligentes.