{"id":86593,"date":"2020-01-24T11:29:01","date_gmt":"2020-01-24T05:59:01","guid":{"rendered":"https:\/\/vwo.com\/blog\/google-analytics-heatmap\/"},"modified":"2026-01-12T13:39:16","modified_gmt":"2026-01-12T08:09:16","slug":"google-analytics-heatmap","status":"publish","type":"post","link":"https:\/\/vwo.com\/blog\/es\/google-analytics-heatmap\/","title":{"rendered":"Google Analytics Heatmap: C\u00f3mo crear y leerlo"},"content":{"rendered":"\n

Google Analytics (GA) es uno de los muchos servicios que Google ofrece para ayudarte a medir el rendimiento de tu sitio web mediante el seguimiento y la recopilaci\u00f3n de m\u00e9tricas sobre los visitantes de tu sitio web, su tasa de conversi\u00f3n, tasa de rebote, duraci\u00f3n media de la sesi\u00f3n, p\u00e1ginas vistas, etc.<\/p>\n\n\n\n

A pesar de rastrear todos los datos que los profesionales del marketing necesitan para evaluar el rendimiento de su sitio web, Google Analytics carece de un elemento crucial: la visualizaci\u00f3n de los datos recopilados<\/a>, en particular los an\u00e1lisis de heatmaps<\/a> de sitios web. Esto siempre ha sido una gran causa de preocupaci\u00f3n para sus usuarios, porque significa que invariablemente tienen que invertir en otras herramientas de visualizaci\u00f3n.<\/p>\n\n\n\n

<\/span><\/a>Descargar gratis: Gu\u00eda de heatmaps de sitios web<\/em><\/strong><\/a><\/em><\/h2>\n\n\n

Google Analytics y heatmaps<\/strong><\/strong><\/h2>\n\n\n

Un r\u00e1pido an\u00e1lisis en las SERP<\/a> de la consulta \u00abGoogle Analytics heatmaps\u00bb en Google pone de manifiesto la existencia de dos intenciones contrapuestas al plantear esta consulta. La primera es que los lectores quieren aprender a crear un mapa de clics de un sitio web<\/a> utilizando sus datos de Google Analytics con una extensi\u00f3n de Google Chrome, y la segunda es c\u00f3mo pueden analizar los datos utilizando diferentes heatmaps<\/a>. <\/p>\n\n\n\n

Este blog trata de abordar ambas cuestiones para que los lectores puedan calibrar todos los aspectos de los heatmaps relacionados con Google Analytics.<\/p>\n\n\n\n

Para abordar la brecha entre los datos num\u00e9ricos y la visualizaci\u00f3n de datos, Google lanz\u00f3 su funci\u00f3n In-Page Analytics, que ahora funciona a trav\u00e9s de una extensi\u00f3n de Chrome de Page Analytics. De este modo, Google Analytics acort\u00f3 en gran medida la distancia entre los datos cuantitativos y cualitativos.<\/p>\n\n\n

Extensi\u00f3n de heatmaps de Google Analytics en Chrome<\/strong><\/h3>\n\n\n

Cuando se introdujo por primera vez, la funci\u00f3n In-Page Analytics ten\u00eda este aspecto en el dashboard de Google Analytics:<\/p>\n\n\n

\n
\"screenshot
Fuente de la imagen: Google Analytics Youtube<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n

El heatmap generado con esta funci\u00f3n mostraba los clics de los usuarios en los enlaces de una p\u00e1gina en porcentajes (tambi\u00e9n conocido como mapa de clics).<\/p>\n\n\n\n

El \u00fanico requisito para ello es que hayas iniciado sesi\u00f3n en la cuenta de Google Analytics de tu sitio web, y entonces podr\u00e1s configurar los ajustes de Google Analytics y ver los datos de tus p\u00e1ginas web mientras navegas por ellas.<\/p>\n\n\n\n

Sin embargo, Google Analytics pronto elimin\u00f3 esto de In-Page Analytics e introdujo una Extensi\u00f3n de Chrome de Page Analytics para lo mismo. Una vez instalada la extensi\u00f3n, puedes ver los datos de clics en forma de mapas de clics. El v\u00eddeo (GIF) que aparece a continuaci\u00f3n explica c\u00f3mo funciona esta extensi\u00f3n y a\u00f1ade mapas de clics al sitio web (mapa de clics):<\/p>\n\n\n\n

\"how<\/figure>\n\n\n\n

La extensi\u00f3n Page Analytics, una vez activada para una p\u00e1gina, ofrece una visi\u00f3n general de diferentes m\u00e9tricas. Las m\u00e9tricas por defecto -p\u00e1ginas vistas, p\u00e1ginas vistas \u00fanicas, tiempo medio en la p\u00e1gina, porcentaje de rebote, porcentaje de salida y visitantes de la p\u00e1gina en tiempo real- est\u00e1n presentes cuando se activa la extensi\u00f3n. Sin embargo, siempre puedes sustituirlas por las m\u00e9tricas que quieras ver en la p\u00e1gina.<\/span><\/p>\n\n\n\n

\"a
Fuente de la imagen: Google<\/a>
<\/figcaption><\/figure>\n\n\n\n

Y lo que es m\u00e1s importante, te da la opci\u00f3n de cambiar el segmento cuyos datos quieres ver en la propia p\u00e1gina. <\/p>\n\n\n\n

A continuaci\u00f3n te explicamos c\u00f3mo funciona la extensi\u00f3n de Page Analytics de Google y c\u00f3mo puedes configurar los datos que se muestran en la pesta\u00f1a de informes mostrada m\u00e1s arriba:<\/p>\n\n\n\n

1. Configura tu cuenta de Google Analytics:<\/strong> La \u00fanica condici\u00f3n que hay que cumplir para utilizar la extensi\u00f3n Page Analytics es tener configurada una cuenta de GA para el sitio web\/URL en el que quieras utilizar el complemento. Una vez que tengas una cuenta configurada, puedes descargar la extensi\u00f3n Page Analytics<\/a>, y tu cuenta de GA le proporcionar\u00e1 todos los datos capturados y configurados, como segmento, geograf\u00eda, etc. <\/p>\n\n\n\n

2. Segmenta a los visitantes: <\/strong>Google Analytics viene con segmentos incorporados sobre los que puedes crear segmentos personalizados basados en el p\u00fablico objetivo. Estos segmentos se introducen autom\u00e1ticamente en el desplegable de segmentos de la extensi\u00f3n para que puedas cambiarlos f\u00e1cilmente en la p\u00e1gina mientras navegas por ella. <\/p>\n\n\n\n

 <\/span><\/p>\n\n\n

\n
\"a
Fuente de la imagen: Analytics Help<\/a>
<\/figcaption><\/figure>\n<\/div>\n\n\n

Puedes a\u00f1adir hasta 4 segmentos, y para cada segmento, Page Analytics muestra una pesta\u00f1a de informe individual. <\/p>\n\n\n\n

<\/span><\/a>Descargar gratis: Gu\u00eda de heatmaps de sitios web<\/em><\/strong><\/a><\/em><\/h2>\n\n\n\n

3. Modificar configuraciones:<\/strong> Si te fijas en el dashboard de informes de la extensi\u00f3n, ver\u00e1s que muestra datos sobre m\u00e9tricas como p\u00e1ginas vistas, p\u00e1ginas vistas \u00fanicas, tiempo medio en la p\u00e1gina, tasa de rebote, etc. Para cada una de ellas, hay un desplegable desde el que puedes elegir la m\u00e9trica de la que quieres hacer un seguimiento.<\/p>\n\n\n

\n
\"pageviews
Fuente de la imagen: Semrush Blog<\/a>
<\/figcaption><\/figure>\n<\/div>\n\n\n

Una vez configurados estos elementos, podr\u00e1s ver reflejados unos n\u00fameros en cada uno de ellos. Ahora bien, lo mejor de esta extensi\u00f3n en concreto es su versatilidad y el espacio que te da para configurar los ajustes en la propia p\u00e1gina. Puedes seleccionar si quieres ver los datos de todos los visitantes del sitio web o de los visitantes en tiempo real, o puedes modificar el intervalo de fechas, a\u00f1adir un intervalo de fechas para que se comparen los datos, personalizar el umbral de clics y mucho m\u00e1s.<\/span><\/p>\n\n\n

\n
\"date
Fuente de la imagen: Analytics Help<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n

Una vez realizadas las configuraciones, la extensi\u00f3n Page Analytics permite realizar un heatmap de Google Analytics<\/a> en tiempo real que visualiza los datos de clics en las p\u00e1ginas web. Puedes elegir ver los datos simplemente mediante colores<\/a> o una peque\u00f1a burbuja que muestre los porcentajes, o ambas cosas.<\/p>\n\n\n\n

\"screenshot
Fuente de la imagen: Analytics Help<\/a>
<\/figcaption><\/figure>\n\n\n\n

4. Analiza el heatmap trazado:<\/strong> Utilizando los dos tipos de visualizaci\u00f3n mencionados, adem\u00e1s de profundizar en los datos de Google Analytics, puedes descubrir tendencias en el comportamiento de los usuarios en tus p\u00e1ginas, su patr\u00f3n de clics en los enlaces y proponer soluciones basadas en datos para corregir los elementos que comprometen la experiencia del usuario. <\/p>\n\n\n\n

Sin embargo, incluso despu\u00e9s de ofrecer tanto, la extensi\u00f3n Page Analytics de Google Analytics tiene un defecto importante: s\u00f3lo crea mapas de clics, y eso s\u00f3lo para los enlaces de las p\u00e1ginas web. Por tanto, si piensas utilizar los heatmaps de sitios web<\/a> como herramienta principal para la visualizaci\u00f3n y el an\u00e1lisis de datos, tendr\u00e1s que invertir en una herramienta de heatmaps<\/a> completa, como VWO. <\/p>\n\n\n\n

Los heatmaps de VWO son una s\u00f3lida herramienta que puedes utilizar para visualizar<\/a> de forma exhaustiva el comportamiento de los visitantes<\/a> y su interacci\u00f3n con tu sitio. Obt\u00e9n m\u00e1s informaci\u00f3n sobre los heatmaps de VWO en la secci\u00f3n siguiente. <\/p>\n\n\n

Otros heatmaps de Google Analytics<\/strong><\/strong><\/h3>\n\n\n

La segunda consulta sobre c\u00f3mo crear heatmaps<\/a> utilizando los datos recogidos a trav\u00e9s de Google Analytics ha sido respondida en detalle por Seer Interactive<\/a>. Su equipo de anal\u00edtica<\/a> web ha creado una hoja de Google. Esta hoja se comporta b\u00e1sicamente como un dashboard que te permite crear heatmaps de determinadas m\u00e9tricas<\/a> y te permite identificar las principales tendencias a lo largo del tiempo. Por ejemplo, mira el heatmaps que crearon utilizando los datos de Google Analytics para identificar cu\u00e1ndo los visitantes aterrizan en el sitio web de forma org\u00e1nica para determinar el mejor momento para publicar piezas de contenido y cu\u00e1ndo promocionarlas: <\/span><\/p>\n\n\n\n

\"screenshot
Fuente de la imagen: Seer<\/a>
<\/figcaption><\/figure>\n\n\n\n

Para empezar, puedes consultar la hoja del heatmap de Google Analytics de Seer Interactive y ver c\u00f3mo ayudan a sus clientes aprovechando el poder de Google Analytics. <\/p>\n\n\n\n

Ahora que se han abordado las dos cuestiones relativas al heatmap de Google Analytics, ponte las gafas de analista y comprueba por ti mismo c\u00f3mo puede ayudarte a recopilar y visualizar datos de una forma que antes no era posible cuando Google Analytics s\u00f3lo ofrec\u00eda informaci\u00f3n num\u00e9rica sobre c\u00f3mo interactuaban los visitantes con tu sitio web.<\/p>\n\n\n

Ve m\u00e1s all\u00e1 de los mapas de clics con los heatmaps de VWO<\/strong><\/strong><\/h3>\n\n\n

VWO ofrece capacidades de heatmaps que van mucho m\u00e1s all\u00e1 del simple an\u00e1lisis de los datos cuantitativos de los visitantes de tu sitio en un mapa de clics o en una hoja de c\u00e1lculo<\/a>. Los heatmaps de VWO te permiten imaginar c\u00f3mo navegan tus visitantes por tus p\u00e1ginas web, qu\u00e9 elementos captan su atenci\u00f3n y cu\u00e1les tienden a ignorar con un simple clic, sin tener que depender de ninguna extensi\u00f3n. Adem\u00e1s, el generador de heatmaps<\/a> de VWO impulsado por IA<\/a> te permite tener una representaci\u00f3n visual predictiva del comportamiento de los visitantes de tu p\u00e1gina web. Puedes confiar en los heatmaps de VWO para que te muestren exactamente d\u00f3nde hacen clic los visitantes, hasta d\u00f3nde se desplazan, c\u00f3mo interact\u00faan con elementos din\u00e1micos como las cajas modales, etc. Tambi\u00e9n puedes conocer los clics en elementos en los que no se puede hacer clic. <\/p>\n\n\n\n

Aqu\u00ed tienes una comparaci\u00f3n de las funciones que ofrecen los heatmaps de VWO frente al heatmap de Google Analytics:<\/p>\n\n\n\n

\"Comparison<\/figure>\n\n\n\n

Mira el VWO Heatmap en acci\u00f3n:<\/p>\n\n\n\n

\n