{"id":1973,"date":"2024-06-25T16:12:55","date_gmt":"2024-06-25T15:12:55","guid":{"rendered":"https:\/\/www.lucushost.com\/blog\/?p=1973"},"modified":"2025-01-29T16:45:11","modified_gmt":"2025-01-29T15:45:11","slug":"mapa-de-calor-web","status":"publish","type":"post","link":"https:\/\/www.lucushost.com\/blog\/mapa-de-calor-web\/","title":{"rendered":"C\u00f3mo crear un mapa de calor web o heatmap"},"content":{"rendered":"<p>\u00bfTe haces una idea de toda la informaci\u00f3n que puedes obtener con un heatmap o mapa de calor en tu web?<\/p>\n<p><!--more--><\/p>\n<p>Saber d\u00f3nde hacen clic los usuarios, por qu\u00e9 <strong><a href=\"https:\/\/www.lucushost.com\/blog\/partes-de-una-pagina-web-estructura-y-contenido\/\">partes de la web<\/a><\/strong> pasan el rat\u00f3n, a qu\u00e9 banners no le hacen ni caso y en cu\u00e1les s\u00ed hacen clic&#8230; Conocer al dedillo el comportamiento de tus usuarios en tu p\u00e1gina web solamente es posible gracias a un heatmap o mapa de calor web y, por supuesto, es la mejor forma de optimizar tu sitio para aumentar las conversiones.<\/p>\n<p>Si nunca has trabajado con una herramienta as\u00ed, es normal que no tengas muy claro qu\u00e9 es un mapa de calor web, c\u00f3mo funciona y mucho menos c\u00f3mo crear uno, as\u00ed que en este art\u00edculo voy a tratar de despejar todas tus dudas para que puedas empezar a \u00abespiar\u00bb las visitas de tu web \ud83d\ude42<\/p>\n<p>\u00a1Vamos a ello!<\/p>\n<div id=\"toc_container\" class=\"no_bullets\"><p class=\"toc_title\">Tabla de contenidos:<\/p><ul class=\"toc_list\"><li><a href=\"#Que_es_un_mapa_de_calor_web_o_heatmap\">\u00bfQu\u00e9 es un mapa de calor web o heatmap?<\/a><ul><li><a href=\"#Escala_de_colores_en_un_mapa_de_calor_web\">Escala de colores en un mapa de calor web<\/a><\/li><\/ul><\/li><li><a href=\"#Mapa_de_calor_web_5_tipos_de_heatmaps\">Mapa de calor web: 5 tipos de heatmaps<\/a><\/li><li><a href=\"#Que_utilidades_tiene_un_mapa_de_calor_web\">\u00bfQu\u00e9 utilidades tiene un mapa de calor web?<\/a><\/li><li><a href=\"#Como_crear_un_mapa_de_calor_web_o_heatmap\">\u00bfC\u00f3mo crear un mapa de calor web o heatmap?<\/a><ul><li><a href=\"#1_Crazy_Egg\">1. Crazy Egg<\/a><\/li><li><a href=\"#2_Hotjar\">2. Hotjar<\/a><\/li><li><a href=\"#3_Heatmap\">3. Heatmap<\/a><\/li><li><a href=\"#4_YandexMetrica\">4. Yandex.Metrica<\/a><\/li><li><a href=\"#5_Mouseflow\">5. Mouseflow<\/a><\/li><\/ul><\/li><li><a href=\"#Como_anadir_un_mapa_de_calor_web_en_WordPress\">C\u00f3mo a\u00f1adir un mapa de calor web en WordPress<\/a><\/li><li><a href=\"#Vas_a_usar_los_heatmaps_para_aprender_mas_sobre_tus_usuarios\">\u00bfVas a usar los heatmaps para aprender m\u00e1s sobre tus usuarios?<\/a><\/li><\/ul><\/div>\n\n<h2><span id=\"Que_es_un_mapa_de_calor_web_o_heatmap\">\u00bfQu\u00e9 es un mapa de calor web o heatmap?<\/span><\/h2>\n<p>Un heatmap o mapa de calor web es una herramienta que analiza tu p\u00e1gina web y te permite realizar un seguimiento exhaustivo del comportamiento de tus visitas. Este seguimiento se realiza mediante una representaci\u00f3n gr\u00e1fica basada en una escala de colores muy intuitiva y f\u00e1cil de interpretar.<\/p>\n<p>En otras palabras, podemos decir que un mapa de calor o heatmap es una herramienta que nos permite conocer mediante una escala de colores qu\u00e9 elementos o \u00e1reas de nuestra web son m\u00e1s interesantes para el usuario y cu\u00e1les no lo son.<\/p>\n<p>Algunos de los datos m\u00e1s relevantes que vamos a obtener con un heatmap son:<\/p>\n<ul>\n<li>Secciones de la web que reciben m\u00e1s clics.<\/li>\n<li>Elementos que captan la atenci\u00f3n de los usuarios.<\/li>\n<li>Por d\u00f3nde pasan el rat\u00f3n tus visitas.<\/li>\n<li>Hasta d\u00f3nde hacen scroll.<\/li>\n<li>Qu\u00e9 CTAs o llamadas a la acci\u00f3n son m\u00e1s relevantes.<\/li>\n<\/ul>\n<h3><span id=\"Escala_de_colores_en_un_mapa_de_calor_web\">Escala de colores en un mapa de calor web<\/span><\/h3>\n<p>Todos los mapas de calor web suelen utilizar una escala de colores bastante estandarizada que suele ir desde tonos fr\u00edos (violetas\/azules\/verdes) a tonos calientes (amarillo, naranja, rojo).<\/p>\n<p>Normalmente, la escala de colores de los heatmaps suele ser como esta:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1988 size-full\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/01\/escala-de-colores-mapa-de-calor-web.png\" alt=\"Escala de colores de un mapa de calor web\" width=\"865\" height=\"100\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/01\/escala-de-colores-mapa-de-calor-web.png 865w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/01\/escala-de-colores-mapa-de-calor-web-300x35.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/01\/escala-de-colores-mapa-de-calor-web-768x89.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/01\/escala-de-colores-mapa-de-calor-web-700x81.png 700w\" sizes=\"(max-width: 865px) 100vw, 865px\" \/><\/p>\n<p>Los tonos azules y verdes se denominan \u00abzonas fr\u00edas\u00bb, ya que los usuarios no realizan casi interacciones y pasan casi desapercibidas por las visitas.<\/p>\n<p>En cambio, los tonos naranjas y rojos representan las \u00abzonas calientes\u00bb, es decir, los elementos o partes de nuestra web que s\u00ed tienen mucha interacci\u00f3n.<\/p>\n<p>Y como una imagen vale m\u00e1s que mil palabras, aqu\u00ed te dejo un ejemplo de c\u00f3mo se ve un mapa de calor web o heatmap cuando lo instalamos en una web real:<\/p>\n<div id=\"attachment_1976\" style=\"width: 834px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1976\" class=\"wp-image-1976 size-full\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-crazyegg-mapa-de-calor-web.png\" alt=\"Ejemplo de mapa de calor web de Crazzy Egg\" width=\"824\" height=\"335\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-crazyegg-mapa-de-calor-web.png 824w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-crazyegg-mapa-de-calor-web-300x122.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-crazyegg-mapa-de-calor-web-768x312.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-crazyegg-mapa-de-calor-web-700x285.png 700w\" sizes=\"(max-width: 824px) 100vw, 824px\" \/><p id=\"caption-attachment-1976\" class=\"wp-caption-text\">Ejemplo de mapa de calor web de Crazy Egg<\/p><\/div>\n<h2><span id=\"Mapa_de_calor_web_5_tipos_de_heatmaps\">Mapa de calor web: 5 tipos de heatmaps<\/span><\/h2>\n<p>En funci\u00f3n de la informaci\u00f3n que quieras recopilar acerca del comportamiento de tus visitas, es necesario diferenciar cinco tipos de heatmaps o mapas de calor web:<\/p>\n<ul>\n<li><strong>Mapas de calor de clics.<\/strong> Este tipo de mapas de calor web recogen las \u00e1reas de la p\u00e1gina que registran el mayor n\u00famero de clics y son \u00fatiles para detectar posibles fugas de conversi\u00f3n. \u00bfHay algo que est\u00e9 distrayendo a los usuarios? \u00bfHacen clic en elementos no clicables o encuentran f\u00e1cilmente el siguiente paso del recorrido?<\/li>\n<li><strong>Mapas de calor de scroll.<\/strong> Fundamentalmente, nos sirven para conocer c\u00f3mo de interesante es nuestro contenido para nuestras visitas. \u00bfEn qu\u00e9 parte de la web paran de leer? \u00bfLlegan hasta abajo? \u00bfQu\u00e9 informaci\u00f3n se est\u00e1n perdiendo?<\/li>\n<li><strong>Mapas de calor de movimiento.<\/strong> Suponiendo que el usuario mueve la vista en consonancia con el rat\u00f3n, este tipo de mapas de calor web pueden ser \u00fatiles para conocer qu\u00e9 zonas del sitio reciben mayor atenci\u00f3n. De todas formas, podr\u00edamos decir que con todos los cambios a nivel tecnol\u00f3gico que han ocurrido en los \u00faltimos a\u00f1os este tipo de mapas de calor son los menos precisos o menos anal\u00edticos. \u00bfPor qu\u00e9? Pues, por ejemplo, el uso de tablets o port\u00e1tiles ha crecido una barbaridad y en ellos el movimiento del rat\u00f3n no se asemeja casi nada a c\u00f3mo movemos el rat\u00f3n cuando estamos sentados frente a nuestro ordenador de sobremesa. Por lo tanto, aunque los mapas de calor de movimiento del rat\u00f3n siguen siendo \u00fatiles, es importante complementarlos con otras herramientas si queremos obtener una visi\u00f3n m\u00e1s completa del comportamiento del usuario.<\/li>\n<li><strong>Mapas de calor geogr\u00e1ficos<\/strong>: Este tipo de heatmaps te muestra datos (an\u00f3nimos) sobre el lugar del mundo desde el que te visitan los usuarios de tu web. Sirven para identificar las regiones, ciudades y pa\u00edses donde tus p\u00e1ginas o productos son m\u00e1s populares (como en el resto de los casos, los colores m\u00e1s c\u00e1lidos implican una mayor cantidad de visitantes). \u00bfA qu\u00e9 idiomas deber\u00edas localizar tu contenido? \u00bfA qu\u00e9 pa\u00edses deber\u00edas dirigir nuevas campa\u00f1as de PPC?<\/li>\n<li><strong>Mapas de calor de atenci\u00f3n<\/strong>: Los heatmaps de atenci\u00f3n combinan datos de clics, de movimientos del rat\u00f3n y de desplazamientos para ense\u00f1arte m\u00e1s claramente las \u00e1reas de una p\u00e1gina web que reciben m\u00e1s o menos atenci\u00f3n. As\u00ed puedes ver las zonas donde los visitantes pasan m\u00e1s tiempo, interact\u00faan m\u00e1s o se detienen con m\u00e1s frecuencia. \u00bfC\u00f3mo se distribuye la atenci\u00f3n en funci\u00f3n del dise\u00f1o y de la disposici\u00f3n del contenido? \u00bfHay \u00e1reas de la p\u00e1gina que los usuarios est\u00e1n pasando por alto o que no encuentran atractivas?<\/li>\n<\/ul>\n<h2><span id=\"Que_utilidades_tiene_un_mapa_de_calor_web\">\u00bfQu\u00e9 utilidades tiene un mapa de calor web?<\/span><\/h2>\n<p>Como ya te dec\u00eda m\u00e1s arriba, un mapa de calor web o heatmap se utiliza para conocer qu\u00e9 <strong><a href=\"https:\/\/www.lucushost.com\/blog\/7-elementos-no-pueden-faltar-pagina-web\/\">elementos de tu p\u00e1gina web<\/a><\/strong> reciben m\u00e1s interacci\u00f3n. Sabiendo esto, puedes implementar mejoras para mejorar la <strong><a href=\"https:\/\/www.lucushost.com\/blog\/5-tips-para-mejorar-la-experiencia-de-usuario-de-tu-web\/\">experiencia de usuario<\/a><\/strong> o aprovechar las zonas calientes para introducir cambios o botones que aumenten las conversiones de una web.<\/p>\n<p>Imagina que en la parte superior de tu web tienes un bot\u00f3n de suscripci\u00f3n a <strong><a href=\"https:\/\/www.lucushost.com\/blog\/newsletter-que-es-y-para-que-sirve\/\">una newsletter<\/a><\/strong>, pero mediante el mapa de calor compruebas que es una zona fr\u00eda en la que no suele haber interacci\u00f3n por parte de tus usuarios. Puedes tomar dos decisiones:<\/p>\n<ul>\n<li>Cambiar el bot\u00f3n y hacerlo m\u00e1s atractivo tanto a nivel de copy como de dise\u00f1o.<\/li>\n<li>Cambiar la caja de suscripci\u00f3n para una zona de tu web con m\u00e1s interacci\u00f3n.<\/li>\n<\/ul>\n<p>Otro ejemplo r\u00e1pido.<\/p>\n<p>Creas un mapa de calor web en tu p\u00e1gina y descubres que muchos clientes hacen clic en un icono que no lleva a ninguna parte. Esto perjudica a la experiencia de tus visitas y deber\u00edas replantearte dos cosas:<\/p>\n<ul>\n<li>Modificar el dise\u00f1o del icono para evitar que parezca \u00abclicable\u00bb.<\/li>\n<li>Introducir un enlace interno a tu web.<\/li>\n<\/ul>\n<p>\u00bfY de qu\u00e9 te sirve a\u00f1adir el bot\u00f3n de contratar o comprar un producto en una zona a la que los usuarios ya no llegan haciendo scroll?<\/p>\n<p>Los mapas de calor web pueden darte el empuj\u00f3n para realizar peque\u00f1os cambios que pueden mejorar significativamente tus conversiones \ud83d\ude42<\/p>\n<h2><span id=\"Como_crear_un_mapa_de_calor_web_o_heatmap\">\u00bfC\u00f3mo crear un mapa de calor web o heatmap?<\/span><\/h2>\n<p>Existen un mont\u00f3n de herramientas para crear un mapa de calor web en tu p\u00e1gina web. La gran mayor\u00eda son herramientas de pago, pero con pruebas gratuitas para que puedas hacerte una idea de c\u00f3mo funcionan antes de tener que contratar el servicio.<\/p>\n<p>El funcionamiento de todas ellas es bastante similar. Una vez que te suscribes, la herramienta te proporciona un script que tienes que a\u00f1adir en el c\u00f3digo de tu p\u00e1gina web para que pueda empezar a recopilar los datos.<\/p>\n<p>Si no sabes muy bien qu\u00e9 herramienta elegir, no te preocupes. A continuaci\u00f3n te dejo una lista con las mejores herramientas para a\u00f1adir un heatmap en tu p\u00e1gina web.<\/p>\n<h3><span id=\"1_Crazy_Egg\">1. Crazy Egg<\/span><\/h3>\n<p>Crazy Egg es quiz\u00e1 la herramienta m\u00e1s popular para crear un mapa de calor web. Aunque no tiene versi\u00f3n gratuita, s\u00ed tienes un per\u00edodo de prueba 30 d\u00edas para probarla sin ning\u00fan coste. Es una de mis recomendaciones por lo intuitiva y f\u00e1cil que es de utilizar, adem\u00e1s de todas las opciones que proporciona.<\/p>\n<p>Puedes obtener desde mapas de calor en funci\u00f3n a los clics que realizan en tu web, <em>mapas de scroll<\/em> e<em> informes confetti<\/em>, es decir, un mapa de clics avanzado que te permite conocer el comportamiento de tus visitas en funci\u00f3n de la procedencia de tu tr\u00e1fico.<\/p>\n<p>Tambi\u00e9n cuenta con una opci\u00f3n para hacer <strong><a href=\"https:\/\/www.lucushost.com\/blog\/test-ab\/\">tests A\/B<\/a><\/strong> que puede ser interesante para mejorar las conversiones de tu web.<\/p>\n<div id=\"attachment_1980\" style=\"width: 810px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1980\" class=\"wp-image-1980 size-full\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-crazyegg-mapa-de-calor-web-de-clics-min.png\" alt=\"Ejemplo de mapa de calor web de clics de Crazy Egg\" width=\"800\" height=\"428\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-crazyegg-mapa-de-calor-web-de-clics-min.png 800w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-crazyegg-mapa-de-calor-web-de-clics-min-300x161.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-crazyegg-mapa-de-calor-web-de-clics-min-768x411.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-crazyegg-mapa-de-calor-web-de-clics-min-700x375.png 700w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><p id=\"caption-attachment-1980\" class=\"wp-caption-text\">Ejemplo de mapa de calor web de clics de <a href=\"https:\/\/www.crazyegg.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Crazy Egg<\/a>.<\/p><\/div>\n<h3><span id=\"2_Hotjar\">2. Hotjar<\/span><\/h3>\n<p><a href=\"https:\/\/www.lucushost.com\/blog\/hotjar\/\">Hotjar<\/a> es otra de mis favoritas para crear un mapa de calor web. Adem\u00e1s, tienes una versi\u00f3n gratuita que, si tienes una web peque\u00f1ita, puede ser m\u00e1s que suficiente \ud83d\ude42 .<\/p>\n<p>Esta herramienta se encarga de recopilar todos los datos de tu web para ofrecerte mapas de calor de clics, de movimiento del rat\u00f3n o scroll. Adem\u00e1s, ofrece una opci\u00f3n de <i>recording<\/i>, es decir, grabaciones de las interacciones de los usuarios en tu web. Para que me entiendas, puedes ver en formato v\u00eddeo c\u00f3mo se comport\u00f3 un usuario en tu web, d\u00f3nde hizo clic, a qu\u00e9 secciones del men\u00fa accedi\u00f3, etc.<\/p>\n<p>Esta funci\u00f3n es muy \u00fatil porque te ayuda a entender c\u00f3mo se comporta un usuario cualquiera en tu sitio web o qu\u00e9 aspectos son los que generan m\u00e1s problemas o confusi\u00f3n en la navegaci\u00f3n.<\/p>\n<div id=\"attachment_1981\" style=\"width: 856px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1981\" class=\"wp-image-1981 size-full\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-hotjar-mapa-de-calor-web.png\" alt=\"Ejemplo de mapa de calor web de scroll de Hotjar\" width=\"846\" height=\"521\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-hotjar-mapa-de-calor-web.png 846w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-hotjar-mapa-de-calor-web-300x185.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-hotjar-mapa-de-calor-web-768x473.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-hotjar-mapa-de-calor-web-700x431.png 700w\" sizes=\"(max-width: 846px) 100vw, 846px\" \/><p id=\"caption-attachment-1981\" class=\"wp-caption-text\">Ejemplo de mapa de calor web de scroll de <a href=\"https:\/\/www.hotjar.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Hotjar<\/a>.<\/p><\/div>\n<h3><span id=\"3_Heatmap\">3. Heatmap<\/span><\/h3>\n<p>Si est\u00e1s buscando una opci\u00f3n gratuita, esta es muy buena. Aunque posee planes m\u00e1s avanzados, la versi\u00f3n m\u00e1s b\u00e1sica (y gratuita) te permite utilizarla todo el tiempo que t\u00fa quieras y puede ser m\u00e1s que suficiente para tu primer mapa de calor web.<\/p>\n<p>Al ser gratuita no es tan completa como las que vimos anteriormente, aunque tendr\u00e1s un tiempo de retenci\u00f3n de los datos de hasta 6 meses, 1 mill\u00f3n de visitas por mes y tendr\u00e1s acceso a los datos de 5 p\u00e1ginas de tu web. No est\u00e1 nada mal, \u00bfverdad?<\/p>\n<div id=\"attachment_1982\" style=\"width: 763px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1982\" class=\"wp-image-1982 size-full\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-heatmap-mapa-de-calor-web-min.png\" alt=\"Ejemplo de mapa de calor web de Heatme\" width=\"753\" height=\"282\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-heatmap-mapa-de-calor-web-min.png 753w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-heatmap-mapa-de-calor-web-min-300x112.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-heatmap-mapa-de-calor-web-min-700x262.png 700w\" sizes=\"(max-width: 753px) 100vw, 753px\" \/><p id=\"caption-attachment-1982\" class=\"wp-caption-text\">Ejemplo de mapa de calor web de <a href=\"https:\/\/heatmap.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Heatmap<\/a>.<\/p><\/div>\n<h3><span id=\"4_YandexMetrica\">4. Yandex.Metrica<\/span><\/h3>\n<p>Otra alternativa gratuita es Yandex Metrika. Realmente se trata de una alternativa a <strong><a href=\"https:\/\/www.lucushost.com\/blog\/instalar-google-analytics-en-wordpress-guia-completa\/\">Google Analytics<\/a><\/strong>, con todo tipo de m\u00e9tricas e informes relacionados con el tr\u00e1fico web (audiencia, procedencia, canales, conversiones\u2026), pero con una gran diferencia: los mapas de calor web.<\/p>\n<p>En el panel de administraci\u00f3n tienes disponibles varias opciones para conocer el comportamiento de tus usuarios, desde grabaciones de sesiones hasta cuatro tipos de mapas de calor web diferentes.<\/p>\n<p>Si no tienes mucho presupuesto, esta es una de las mejores opciones.<\/p>\n<div id=\"attachment_1983\" style=\"width: 952px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1983\" class=\"wp-image-1983 \" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-yandex-metrica-mapa-de-calor-web.png\" alt=\"Ejemplo de mapa de calor web de clics de Yandex M\u00e9trica\" width=\"942\" height=\"325\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-yandex-metrica-mapa-de-calor-web.png 948w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-yandex-metrica-mapa-de-calor-web-300x103.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-yandex-metrica-mapa-de-calor-web-768x265.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/01\/ejemplo-yandex-metrica-mapa-de-calor-web-700x241.png 700w\" sizes=\"(max-width: 942px) 100vw, 942px\" \/><p id=\"caption-attachment-1983\" class=\"wp-caption-text\">Ejemplo de mapa de calor web de clics de <a href=\"https:\/\/metrica.yandex.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Yandex.Metrica<\/a>.<\/p><\/div>\n<h3><span id=\"5_Mouseflow\">5. Mouseflow<\/span><\/h3>\n<p>Volvemos a las herramientas de generaci\u00f3n de heatmaps de pago por \u00faltima vez para que conozcas Mouseflow, que es otra de las alternativas m\u00e1s populares del mercado actual.<\/p>\n<p>Es otra herramienta s\u00f3lida que puedes usar para un mont\u00f3n de cosas: generar mapas de calor detallados, grabar sesiones, analizar embudos de conversi\u00f3n&#8230; La interfaz de Mouseflow es intuitiva y f\u00e1cil de navegar, lo que te va a facilitar tanto la configuraci\u00f3n de las herramientas de an\u00e1lisis como la interpretaci\u00f3n de los datos que obtengas.<\/p>\n<p>En resumen, yo creo que la relaci\u00f3n calidad-precio de Mouseflow, si tenemos en cuenta todas las funcionalidades que ofrece, est\u00e1 muy bien. Como contrapartida, algunos usuarios se quejan de que las funciones pensadas para sesiones m\u00f3viles tendr\u00edan que actualizarse para que su funcionamiento fuese m\u00e1s fluido (pero esto afecta m\u00e1s bien a la grabaci\u00f3n de sesiones y no tanto a los heatmaps).<\/p>\n<div id=\"attachment_8985\" style=\"width: 958px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-8985\" class=\"wp-image-8985 \" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/03\/heatmap-de-mouseflow.png\" alt=\"Heatmap de mouseflow\" width=\"948\" height=\"462\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/03\/heatmap-de-mouseflow.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/03\/heatmap-de-mouseflow-300x146.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/03\/heatmap-de-mouseflow-768x374.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2022\/03\/heatmap-de-mouseflow-700x341.png 700w\" sizes=\"(max-width: 948px) 100vw, 948px\" \/><p id=\"caption-attachment-8985\" class=\"wp-caption-text\">Ejemplo de mapa de calor web de <a href=\"https:\/\/mouseflow.com\/es\/\" rel=\"nofollow noopener\" target=\"_blank\">Mouseflow<\/a>.<\/p><\/div>\n<h2><span id=\"Como_anadir_un_mapa_de_calor_web_en_WordPress\">C\u00f3mo a\u00f1adir un mapa de calor web en WordPress<\/span><\/h2>\n<p>Cualquiera de las herramientas que acabo de mostrarte sirven para WordPress, basta con a\u00f1adir la l\u00ednea de c\u00f3digo que ellos te proporcionan en tu web y ya estar\u00eda funcionando. Aunque, como ya sabes, este <a href=\"https:\/\/www.lucushost.com\/blog\/gestor-de-contenidos\/\"><strong>gestor de contenidos<\/strong><\/a> siempre nos lo pone un poquito m\u00e1s f\u00e1cil.<\/p>\n<p>Formularios de contacto, seguridad, redes sociales\u2026 \u00a1Hay plugins para todo! Y, s\u00ed, tambi\u00e9n hay plugins para crear mapas de calor web.<\/p>\n<p>Algunas de las opciones m\u00e1s utilizadas son <strong><a href=\"https:\/\/wordpress.org\/plugins\/smartlook-visitor-screen-recording\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Smartlook<\/a><\/strong> o <strong><a href=\"https:\/\/wordpress.org\/plugins\/aurora-heatmap\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Aurora Heatmap<\/a><\/strong>, ambos disponibles en el repositorio oficial de WordPress.<\/p>\n<p><em>Puede interesarte: <strong><a href=\"https:\/\/www.lucushost.com\/blog\/instalar-plugins-wordpress-guia-paso-a-paso\/\">C\u00f3mo instalar un plugin en WordPress<\/a><\/strong>.<\/em><\/p>\n<h2><span id=\"Vas_a_usar_los_heatmaps_para_aprender_mas_sobre_tus_usuarios\">\u00bfVas a usar los heatmaps para aprender m\u00e1s sobre tus usuarios?<\/span><\/h2>\n<p>Un mapa de calor web o heatmap te ayudar\u00e1 a conocer en profundidad el comportamiento de los usuarios una vez que aterrizan en tu sitio web. D\u00f3nde hacen clic, por d\u00f3nde mueven el rat\u00f3n, a qu\u00e9 \u00e1reas de la web prestan m\u00e1s atenci\u00f3n, hasta d\u00f3nde llegan\u2026 \u00bfTe imaginas lo que supone tener en tu poder toda esta informaci\u00f3n?<\/p>\n<p>Como hemos visto, existen un mont\u00f3n de herramientas que te permiten analizar toda esta informaci\u00f3n. Basta con a\u00f1adir un c\u00f3digo que permita recolectar la informaci\u00f3n en tu web y \u00a1listo! Adem\u00e1s, si trabajas con WordPress, existen plugins que te lo ponen todav\u00eda m\u00e1s f\u00e1cil \ud83d\ude42<\/p>\n<p>Ahora es tu turno. Cu\u00e9ntame, \u00bfpreparado para a\u00f1adir un mapa de calor en tu p\u00e1gina web? \u00bfHas probado ya alguna de estas herramientas?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfTe haces una idea de toda la informaci\u00f3n que puedes obtener con un heatmap o mapa de calor en tu web?<\/p>\n","protected":false},"author":3,"featured_media":5688,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[44],"tags":[71,49,58,72,63],"_links":{"self":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/1973"}],"collection":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/comments?post=1973"}],"version-history":[{"count":18,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/1973\/revisions"}],"predecessor-version":[{"id":12336,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/1973\/revisions\/12336"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/media\/5688"}],"wp:attachment":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/media?parent=1973"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/categories?post=1973"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/tags?post=1973"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}