Nota del editor: Hemos pasado los últimos 15 años construyendo robustas herramientas de informes visuales para millones de sitios web. El gran reto siempre ha sido conseguir que la gente instale el JavaScript necesario para que su sitio pueda ser rastreado con precisión. Así que nos preguntamos: ¿cómo podemos dar a los clientes que no están listos para instalar, algún valor rápidamente? El resultado es este Heatmap gratuito de Google Analytics diseñado por el Ingeniero Senior de Agencia de Analitica Web, Rubem Carneiro. Es un gran primer paso, y esperamos que te inspire a querer que se te presente aún más información, de forma visual, bonita, completa y sencilla. Pruébalo ahora!

Editor’sNota:Pruébalo ahora!

Una imagen vale más que mil palabras… y diez mil puntos de datos.

Google Analytics está casi omnipresente. Es la herramienta de análisis y medición de sitios web más importante en casi todas las categorías, ya sea que lo mires por su alcance total (el número 1 en la lista de los 10.000, 100.000 y 1.000.00 sitios más populares de la web) o por región (el más popular en los Estados Unidos, en el Reino Unido y en «Todo el Internet» en el rendimiento de las aplicaciones)

El hecho de que GA sea ubicuo no significa que sea fácil de usar o que sea fácil de instalar y configurar correctamente. Según la experta agencia de Google Analytics The Rectangles, hasta el 90% de las cuentas de Google Analytics con las que trabajan se beneficiarían de las optimizaciones (si no de las revisiones en su configuración):

Es por eso que hay una gran cantidad de artículos sobre «Cómo configurar Google Analytics correctamente»:

Suponiendo que la configuración de Google Analytics sea correcta, la pregunta obvia que sigue es «¿Y ahora qué?(«Now What?»)

Es una herramienta rica y completa, pero deliberadamente no es visual, y casi decididamente no es fácil de entender. ¿Qué valor tiene toda esta información si no puedes entenderla – o al menos, no puedes entenderla rápidamente para que puedas dedicar más tiempo a buscar ideas e inspiración en lugar de hacer números y buscar una aguja en un pajar?

Google Analytics ha intentado añadir elementos visuales a su kit de herramientas. Por ejemplo, la extensión de Google Page Analytics para Google Chrome es un informe de superposición que funciona como un primer paso, pero que también limita enormemente la información que puede ofrecer. No funciona bien con los elementos de navegación dinámicos. Y, al igual que con Google Analytics, si el mismo enlace aparece varias veces en una página (por ejemplo, en una página de acceso, en una página de contacto o en una página de compra, introduzca el correo electrónico), Google Analytics no puede diferenciarlos y, por lo tanto, atribuye todos los clics y el compromiso a cada uno de ellos.

Esto es solo el principio. No existe la opción de obtener información aún más rica, como el número de personas que se desplazan, prestando atención, o de profundizar y seguir los viajes de cada usuario. Google Analytics tiene sus limitaciones, por lo que, cada vez más, se ve un ecosistema de productos construidos en torno a los datos en GA que los hace más utilizables para casos de uso específicos.

Mapas de calor gratuitos de Google Analytics

Una de las preguntas más populares que vemos y oímos es la gente que quiere una vista sencilla de los mapas de calor de sus datos de Google Analytics. Es parcialmente una función de la interfaz de adivinación dentro del propio Google Analytics

Pero es gratis. Y por eso tiendes a obtener reseñas como esta, mientras que la puntuación cambia de un 1 a un 5 en función de lo mucho que la gente valore el hecho de que GA sea gratuito. (Nota: Doy un 5 a GA porque es gratis y porque es poderoso – pero como alguien que ha trabajado en marketing digital durante 20 años, no soy el mercado objetivo ni soy el usuario estándar)

La gente quiere una forma visual de ver sus datos de Google Analytics. Un Heatmap de Google Analytics. Una superposición de Google Analytics. Una extensión o plugin de Google Analytics. Una de las búsquedas más populares es para un Heatmap porque los Heatmaps siguen siendo una de las formas más poderosas de dar sentido a los datos rápidamente, mientras que también facilitan el compartir datos más ampliamente sin necesidad de proporcionar mucho contexto.

Una imagen vale más de 1.000 palabras… pero una imagen puede valer más de 100.000 puntos de datos cuando se presenta como un heatmap.

Entonces, ¿por qué Google Analytics no proporciona un Heatmap?

Una búsqueda rápida de Google Analytics Heatmap le llevará a un mar de coloridos gradientes. Desafortunadamente, el enfoque ha sido o bien añadir gradientes de color a los gráficos e informes de Google Analytics (modestamente valioso, pero aún así abrumador):

La otra opción es seguir un conjunto increíblemente complejo de pasos utilizando Google Data Studio, Google Tag Manager, y todo el tiempo de un Ingeniero para generar un heatmap de una sola vez para ti. Lo cual… es un verdadero jugo que no parece valer la pena exprimir.

¿Por qué no te da Google Analytics un heatmap?

No lo sabemos. Y no saberlo, y lo que es más importante, no tener uno disponible, ya no era suficiente.

¿Por qué Agencia de Analitica Web está tan interesado en crear un Heatmap de Google Analytics?

Más de 300.000 sitios web están usando Agencia de Analitica Web de alguna manera hoy en día y el producto asociado más popular que vemos, sin duda, es Google Analytics.

Así que dejamos de preguntarnos por qué no existen los Heatmaps de Google Analytics y nos propusimos crear una solución sencilla, con un solo clic, para aquellos que estén interesados en uno

No hay escasez de datos disponibles para todos nosotros. El reto ahora es conseguir los datos en un formato que sea fácil de entender, de interpretar y, en última instancia, de utilizar para hacer mejores preguntas y tomar mejores decisiones.

Google Analytics es una de esas áreas problemáticas; rico en datos e información, pero difícil de entender y aún más difícil de traducir en conocimiento y acción. Agencia de Analitica Web se lanzó al mismo tiempo que Google Analytics, y durante casi 15 años cientos y cientos de miles de empresas han utilizado Agencia de Analitica Web en asociación con Google Analytics para obtener información más rápidamente.

Lo que nos lleva a preguntarnos: ¿cómo podemos hacer aún más para ayudar a los usuarios a obtener información de Google Analytics más rápidamente?

Los Heatmaps siempre han sido una excelente forma de obtener rápidamente información completa, potente y exhaustiva. Sin embargo, históricamente, para obtener un mapa de calor razonablemente preciso, usted tenía que instalar un script en su sitio web, y luego esperar a que los nuevos visitantes se comprometan con su sitio antes de que un valioso mapa de calor esté disponible para usted.

La instalación de JS para rastrear con precisión los elementos de una página sigue siendo la única manera infalible de obtener una heatmap precisa. También es la única manera de hacer capas de información más complejas y poderosas sobre ese mapa de calor, como entender la profundidad del desplazamiento y el compromiso, segmentar a los usuarios en cohortes y crear grabaciones individuales de los usuarios que interactúan con su sitio. Necesitas un guión para hacer posible estas complejas ideas.

Pero, ¿qué pasaría si hubiera una forma más rápida de empezar?

Como creadores del mapa de calor del sitio web en 2005, nunca hemos estado satisfechos con el esfuerzo requerido para poner un mapa de calor – y todas las poderosas percepciones que proporcionan – en manos de nuestros clientes. A medida que trabajamos más y más con Google Analytics, uno de nuestros Ingenieros Senior, Rubem Carneiro, tuvo un momento aha:

• «Podemos crear una aproximación inteligente e inteligente de un heatmap utilizando datos históricos de GA»

Y eso es precisamente lo que hemos hecho con nuestro nuevo Heatmap gratuito de Google Analytics. Encontramos un modo de obtener información de los datos de Google Analytics más rápidamente. Reducir el tiempo de análisis de decenas de minutos a unos pocos segundos.

¿Cómo es posible? A continuación, le explicamos cómo se crea nuestro Google Analytics Heatmap

Pruebe el Google Analytics Heatmap gratuito ahora

Paso 1: Uso de Google Analytics para identificar las páginas siguientes y la frecuencia de los clics

En primer lugar, a través de una «consulta de página anterior» en Google Analytics, podemos ver cualquier URL específica y, a continuación, identificar todas las páginas en las que un usuario hace clic para visitarlas posteriormente. Esencialmente, se ven los viajes del usuario, desde la URL enviada a todas las páginas posteriores. Los datos que se obtienen muestran tanto las páginas que se visitan como el porcentaje de tráfico que visita esas páginas posteriores. En efecto, la ponderación de los enlaces por el tráfico. Esta tridimensionalidad es crítica para la construcción del heatmap porque podemos entender qué enlaces de una página se pulsan y con qué grado de frecuencia.

Nota: Esto también pone de relieve una de las deficiencias de este enfoque. Si, por ejemplo, tienes un solo enlace (como «Contáctenos» o «Iniciar sesión») que aparece varias veces en la misma página – Google Analytics no puede analizar estos clics. Por eso, cada vez que Google Analytics intenta realizar una superposición, estos clics acaban siendo agregados y se pierde la visibilidad sobre cuál de los enlaces de la interfaz de usuario recibió realmente un clic

Nota

Paso 2: Uso de Agencia de Analitica Web para asignar los clics de Google Analytics a elementos y URL reales de la página

A continuación, Agencia de Analitica Web toma la URL que ha enviado e indexa la página. Identificando y sacando todos los elementos y URLs de la página. Una vez identificados, hacemos coincidir los elementos de la página con los resultados que hemos identificado en la consulta de página anterior ejecutada en Google Analytics. Este proceso tarda unos segundos, pero esto se debe a que estamos indexando la página y asociando los clics que Google Analytics ha identificado a elementos y URL reales de la página.

Paso 3: Renderizar el Heatmap gratuito de Google Analytics

Una vez realizadas las asociaciones, pasamos a presentarle los datos superpuestos sobre su propio sitio web para que pueda ver los datos en su contexto. Cualquier URL en la que se haga clic (lo que se traduce a cualquier elemento de la página o botón o URL) aparece en el heatmap con algún tratamiento de color. Luego, en base a la frecuencia de clics en esos elementos, el color se intensifica (el azul significa menos clics, los colores más brillantes significan más enlaces).

Una de las herramientas más poderosas dentro de Agencia de Analitica Web es nuestro Scrollmap, que muestra cómo la gente se involucra y cómo se distribuye la atención en una página basada en la profundidad del scroll (dónde la gente presta atención, dónde la gente deja de prestar atención). Como resultado, hemos agregado algo de inteligencia adicional a la forma en que se distribuyen los clics y los mapas de calor cuando el mismo enlace aparece en varios lugares de una página. Tenemos en cuenta tanto el tamaño del elemento que contiene el enlace como sus coordenadas x e y en la página, lo que permite una colocación más precisa, aunque todavía aproximada, de esos clics.

El último paso para renderizar el heatmap derivado de Google Analytics es emplear una función gaussiana para ayudar a distribuir los clics en cada elemento de forma que imite el comportamiento natural y orgánico del usuario. Sin este enfoque, verías todos los clics en el mismo lugar exacto del elemento en el sitio web. La función gaussiana permite distribuir los clics de una forma más natural, añadiendo más realismo – utilizando un marco matemático – al heatmap.

¿Preparado para probar el Heatmap gratuito de Google Analytics? Pase por aquí

Pase por aquí

Un mapa de calor útil, perspicaz y, ojalá, con mucho apetito

El resultado debería ayudar a la gente a entender la importancia de los datos visuales. No he conocido a ninguna persona que considere que Google Analytics es divertido o fácil de usar o de interpretar. Es potente, pero eso no lo hace ni siquiera accesible para muchos. Este heatmap se convierte en una forma de convertir lo que hubieran sido decenas de minutos de análisis en GA en unos pocos segundos de análisis e inspiración, dejando el tiempo restante para que busques ideas para arreglar lo que está roto y hacer mejoras.

Este heatmap realmente sólo ha arañado la superficie. También esperamos que este heatmap le muestre lo que es posible con un heatmap. Por qué creemos que cualquier persona con un sitio web debe utilizar una herramienta como Agencia de Analitica Web para entender rápidamente la experiencia de sus clientes, encontrar inspiración y probar formas de mejorar su experiencia y las conversiones de su sitio web.

Esto no es un sustituto para el poder de los heatmaps completamente poblados (scrollmaps, mapas de referencia, mapas de clic, superposiciones y más). Es una introducción. Le invitamos a obtener un informe visual aún más potente con una prueba gratuita de 30 días de Agencia de Analitica Web aquí

Cómo obtener el máximo valor de Google Analytics y Agencia de Analitica Web para aumentar las conversiones

Google Analytics es casi omnipresente en los sitios web de todo el mundo. Sin embargo, casi el 90% de las implementaciones no son correctas.

Únete a nosotros para aprender algunas cosas simples que puedes usar para arreglar tu instalación de Google Analytics y, asegúrate de que estás obteniendo el máximo valor de tus datos usando la profundidad de Google Analytics con la poderosa interfaz, las visualizaciones y las grabaciones de usuario de Agencia de Analitica Web. Regístrate ahora