{"id":4750,"date":"2018-05-31T11:00:51","date_gmt":"2018-05-31T09:00:51","guid":{"rendered":"https:\/\/www.mjcachon.com\/?p=4750"},"modified":"2021-05-31T17:33:19","modified_gmt":"2021-05-31T15:33:19","slug":"hotjar-wordpress","status":"publish","type":"post","link":"https:\/\/laikateam.com\/blog\/hotjar-wordpress\/","title":{"rendered":"Hotjar para WordPress"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Dentro del universo de las herramientas de anal\u00edtica cualitativas o de comportamiento del usuario, nos encontramos con Hotjar, con la que <strong>podemos hacer bastantes cosas chulas<\/strong> adem\u00e1s de las que ya nos ofrece <\/span><a href=\"https:\/\/www.mjcachon.com\/blog\/yandex-metrica-implementacion-tag-manager\/\"><span style=\"font-weight: 400;\">Yandex Metrica<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><br \/>\n<span style=\"font-weight: 400;\">Nosotros utilizamos <strong>Hotjar en este WordPress<\/strong> pero se puede implementar en cualquier CMS, y, como es una herramienta que da para hablar largo y tendido, en este post os vamos a hablar de la parte anal\u00edtica (la parte m\u00e1s pasiva respecto al usuario) y pr\u00f3ximamente os hablaremos de la parte de feedback (es donde los usuarios interact\u00faan).<\/span><br \/>\n<span style=\"font-weight: 400;\">Comenzamos a explicar la parte de <strong>\u201cAnalytics\u201d de Hotjar y sus distintos elementos<\/strong>:<\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Heatmap<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Recordings<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Funnels<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Forms<\/span><\/li>\n<\/ul>\n<h2><span style=\"font-weight: 400;\">Qu\u00e9 es Hotjar<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Es una herramienta de <\/span><a href=\"https:\/\/www.mjcachon.com\/wiki\/analitica-web\/\"><span style=\"font-weight: 400;\">anal\u00edtica web<\/span><\/a><span style=\"font-weight: 400;\"><strong> centrada en el comportamiento del usuario<\/strong> dentro de una p\u00e1gina web. Para ello utiliza mapas de calor, mapas de clics, grabaciones de sesi\u00f3n o encuestas, entre otras.<\/span><br \/>\n<span style=\"font-weight: 400;\">A diferencia de Yandex Metrica, <strong>en la versi\u00f3n gratuita tenemos unos l\u00edmites en algunas opciones<\/strong> que vamos a ir contando mientras explicamos la interfaz.<\/span><br \/>\n<img class=\"aligncenter wp-image-4751 size-full\" src=\"https:\/\/laikateam.com\/blog\/wp-content\/uploads\/2020\/10\/menu-lateral-hotjar.jpg\" alt=\"Men\u00fa lateral Hotjar\" width=\"202\" height=\"529\"><\/p>\n<h2><span style=\"font-weight: 400;\">Site dashboard<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Esta es la p\u00e1gina principal de la herramienta donde <strong>nos resume la actividad de las \u00faltimas 24 horas<\/strong> de las opciones que tengamos activas. Adem\u00e1s, nos muestra la actividad reciente de los usuarios que tengan acceso a la cuenta:<\/span><br \/>\n<img class=\"aligncenter wp-image-4754 size-large\" src=\"https:\/\/laikateam.com\/blog\/wp-content\/uploads\/2020\/10\/site-dashboard-hotjar-1024x293.jpg\" alt=\"site dashboard Hotjar\" width=\"1024\" height=\"293\"><\/p>\n<h2><span style=\"font-weight: 400;\">Heatmap<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Dentro de esta secci\u00f3n nos encontramos con <strong>4&nbsp;tipos de mapas de calor<\/strong> que podemos filtrar por dispositivo:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click (s\u00f3lo para escritorio)<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Move (s\u00f3lo para escritorio)<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Tap (solo para dispositivos m\u00f3viles)<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Scroll (para todos los dispositivos)<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Las limitaciones dentro de este an\u00e1lisis consisten en el n\u00famero de heatmaps que podemos tener a la vez (un m\u00e1ximo de 3), y el n\u00famero de sesiones en las que se basa para pintarnos estos informes (hasta 1000 sesiones por cada uno de los tres mapas).<\/span><br \/>\n<span style=\"font-weight: 400;\">Lo bueno es que <strong>podemos elegir en qu\u00e9 URL ponerlos<\/strong>, ya sea con una coincidencia simple o con una exacta.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Recordings<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">En esta parte tambi\u00e9n entran en juego las limitaciones de la cuenta gratuita, ya que <strong>solamente grabar\u00e1 300 sesiones<\/strong>, y no podemos elegir de qu\u00e9 p\u00e1gina. En muchos casos este n\u00famero se quedar\u00e1 corto por lo que podemos jugar con otra de las opciones que nos dan a elegir, que consiste en que grabe \u00fanicamente las sesiones que duren m\u00e1s de 30 segundos.<\/span><br \/>\n<span style=\"font-weight: 400;\">Adem\u00e1s, a la derecha tenemos un men\u00fa lateral donde <strong>podremos filtrar las grabaciones<\/strong> que queremos ver. Algunos de los par\u00e1metros que podemos usar son: fecha, p\u00e1gina por la que entra el usuario, p\u00e1gina por la que sale, etc.<\/span><br \/>\n<img class=\"aligncenter wp-image-4755 size-full\" src=\"https:\/\/laikateam.com\/blog\/wp-content\/uploads\/2020\/10\/menu-lateral-recordings-hotjar.jpg\" alt=\"menu lateral recordings Hotjar\" width=\"306\" height=\"743\"><br \/>\n<span style=\"font-weight: 400;\">En este punto <strong>debemos bloquear nuestra IP<\/strong> para que no seamos nosotros lo que gastemos esas grabaciones. \u00a1Es muy sencillo! S\u00f3lo hay que ir a \u201cSettings\u201d y hacer clic en \u201cIP Blocking\u201d y entonces dar\u00e1 la opci\u00f3n de bloquear nuestra propia IP, aunque podemos usar expresiones regulares para bloquear un rango espec\u00edfico (otra liga).<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Funnels<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Podemos crear hasta <strong>3 funnels distintos<\/strong> de una manera muy sencilla y poner todos los pasos que queramos.<\/span><br \/>\n<span style=\"font-weight: 400;\">S\u00f3lo tenemos que a\u00f1adir un nombre al funnel, nombrar cada paso, y elegir el tipo de coincidencia con la URL (coincidencia simple o exacta, URL que empieza por o acaba con, contiene una parte o con expresiones regulares).<\/span><br \/>\n<span style=\"font-weight: 400;\">Despu\u00e9s de un tiempo recogiendo resultados, el aspecto del funnel es muy visual:<\/span><br \/>\n<img class=\"aligncenter wp-image-4756 size-large\" src=\"https:\/\/laikateam.com\/blog\/wp-content\/uploads\/2020\/10\/hotjar-funnels-1024x476.jpg\" alt=\"Hotjar funnels\" width=\"1024\" height=\"476\"><\/p>\n<h2><span style=\"font-weight: 400;\">Forms<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Si queremos centrarnos en los formularios de registro de cualquier tipo, ya sea newsletter, para pedir m\u00e1s informaci\u00f3n, etc y nos deja crear hasta <strong>3 distintos recogiendo datos de 1000 sesiones en cada uno<\/strong>.<\/span><br \/>\n<span style=\"font-weight: 400;\">La manera de crearlo es todav\u00eda m\u00e1s sencilla que el funnel porque autom\u00e1ticamente detecta los formularios que existen en la URL que elijas.<\/span><br \/>\n<span style=\"font-weight: 400;\">S\u00f3lo hay que ponerle nombre al formulario (es recomendable que sea el del t\u00edtulo de la p\u00e1gina y el tipo de formulario. Por ejemplo: Formulario Home &#8211; M\u00e1s info), elegir la URL en la que quieres que lo registre y, si hay m\u00e1s de un formulario en la p\u00e1gina, seleccionar el que te interese.<\/span><br \/>\n<span style=\"font-weight: 400;\">Una vez que haya recogido datos, saldr\u00e1 un informe como este:<\/span><br \/>\n<img class=\"aligncenter wp-image-4757 size-large\" src=\"https:\/\/laikateam.com\/blog\/wp-content\/uploads\/2020\/10\/hotjar-forms-1024x487.jpg\" alt=\"Hotjar forms\" width=\"1024\" height=\"487\"><br \/>\n<span style=\"font-weight: 400;\">Hasta aqu\u00ed esta primera entrega explicando <strong>c\u00f3mo usar Hotjar<\/strong>, o al menos, la parte de anal\u00edtica de la que se puede sacar mucha informaci\u00f3n de valor.<\/span><br \/>\n<span style=\"font-weight: 400;\">Y como sabemos que os hab\u00e9is quedado con ganas de m\u00e1s\u2026 En breve la segunda parte, \u00a1nos leemos!<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dentro del universo de las herramientas de anal\u00edtica cualitativas o de comportamiento del usuario, nos encontramos con Hotjar, con la que podemos hacer bastantes cosas chulas adem\u00e1s de las que ya nos ofrece Yandex Metrica. Nosotros utilizamos Hotjar en este WordPress pero se puede implementar en cualquier CMS, y, como es una herramienta que da<\/p>\n","protected":false},"author":8,"featured_media":6522,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v16.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>C\u00f3mo usar Hotjar para WordPress - MJ Cach\u00f3n SEO<\/title>\n<meta name=\"description\" content=\"Os contamos c\u00f3mo usar Hotjar con ejemplos de nuestro WordPress. Una herramienta de anal\u00edtica muy potente que deb\u00e9is conocer. \u00a1Entrad ya y ponedla en pr\u00e1ctica!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/laikateam.com\/blog\/hotjar-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo usar Hotjar para WordPress - MJ Cach\u00f3n SEO\" \/>\n<meta property=\"og:description\" content=\"Os contamos c\u00f3mo usar Hotjar con ejemplos de nuestro WordPress. Una herramienta de anal\u00edtica muy potente que deb\u00e9is conocer. \u00a1Entrad ya y ponedla en pr\u00e1ctica!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/laikateam.com\/blog\/hotjar-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"LaikaTeam\" \/>\n<meta property=\"article:published_time\" content=\"2018-05-31T09:00:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-05-31T15:33:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/laikateam.com\/blog\/wp-content\/uploads\/2018\/05\/hotjar-wordpress.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@laikateam_es\" \/>\n<meta name=\"twitter:site\" content=\"@laikateam_es\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/laikateam.com\/blog\/#organization\",\"name\":\"Laika\",\"url\":\"https:\/\/laikateam.com\/blog\/\",\"sameAs\":[\"https:\/\/www.instagram.com\/laika_team\",\"https:\/\/www.linkedin.com\/company\/laika-team\/\",\"https:\/\/twitter.com\/laikateam_es\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/laikateam.com\/blog\/#logo\",\"inLanguage\":\"es\",\"url\":\"https:\/\/laikateam.com\/blog\/wp-content\/uploads\/2021\/06\/logo-laika.png\",\"contentUrl\":\"https:\/\/laikateam.com\/blog\/wp-content\/uploads\/2021\/06\/logo-laika.png\",\"width\":318,\"height\":350,\"caption\":\"Laika\"},\"image\":{\"@id\":\"https:\/\/laikateam.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/laikateam.com\/blog\/#website\",\"url\":\"https:\/\/laikateam.com\/blog\/\",\"name\":\"LaikaTeam\",\"description\":\"Strategic &amp; SEO Consulting\",\"publisher\":{\"@id\":\"https:\/\/laikateam.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/laikateam.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/laikateam.com\/blog\/hotjar-wordpress\/#primaryimage\",\"inLanguage\":\"es\",\"url\":\"https:\/\/laikateam.com\/blog\/wp-content\/uploads\/2018\/05\/hotjar-wordpress.jpg\",\"contentUrl\":\"https:\/\/laikateam.com\/blog\/wp-content\/uploads\/2018\/05\/hotjar-wordpress.jpg\",\"width\":1920,\"height\":1080},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/laikateam.com\/blog\/hotjar-wordpress\/#webpage\",\"url\":\"https:\/\/laikateam.com\/blog\/hotjar-wordpress\/\",\"name\":\"C\\u00f3mo usar Hotjar para WordPress - MJ Cach\\u00f3n SEO\",\"isPartOf\":{\"@id\":\"https:\/\/laikateam.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/laikateam.com\/blog\/hotjar-wordpress\/#primaryimage\"},\"datePublished\":\"2018-05-31T09:00:51+00:00\",\"dateModified\":\"2021-05-31T15:33:19+00:00\",\"description\":\"Os contamos c\\u00f3mo usar Hotjar con ejemplos de nuestro WordPress. Una herramienta de anal\\u00edtica muy potente que deb\\u00e9is conocer. \\u00a1Entrad ya y ponedla en pr\\u00e1ctica!\",\"breadcrumb\":{\"@id\":\"https:\/\/laikateam.com\/blog\/hotjar-wordpress\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/laikateam.com\/blog\/hotjar-wordpress\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/laikateam.com\/blog\/hotjar-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/laikateam.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hotjar para WordPress\"}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/laikateam.com\/blog\/hotjar-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/laikateam.com\/blog\/hotjar-wordpress\/#webpage\"},\"author\":{\"@id\":\"https:\/\/laikateam.com\/blog\/#\/schema\/person\/85324b9d37a6585f109582eef56cfbd7\"},\"headline\":\"Hotjar para WordPress\",\"datePublished\":\"2018-05-31T09:00:51+00:00\",\"dateModified\":\"2021-05-31T15:33:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/laikateam.com\/blog\/hotjar-wordpress\/#webpage\"},\"wordCount\":752,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/laikateam.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/laikateam.com\/blog\/hotjar-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/laikateam.com\/blog\/wp-content\/uploads\/2018\/05\/hotjar-wordpress.jpg\",\"articleSection\":[\"WordPress\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/laikateam.com\/blog\/hotjar-wordpress\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/laikateam.com\/blog\/#\/schema\/person\/85324b9d37a6585f109582eef56cfbd7\",\"name\":\"Equipo Laikateam\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/laikateam.com\/blog\/#personlogo\",\"inLanguage\":\"es\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ee6b146e019910d72e1a0089dbbba823?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ee6b146e019910d72e1a0089dbbba823?s=96&d=mm&r=g\",\"caption\":\"Equipo Laikateam\"},\"sameAs\":[\"https:\/\/www.laikateam.com\/\"],\"url\":\"https:\/\/laikateam.com\/blog\/author\/equipo-laika\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/laikateam.com\/blog\/wp-json\/wp\/v2\/posts\/4750"}],"collection":[{"href":"https:\/\/laikateam.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/laikateam.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/laikateam.com\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/laikateam.com\/blog\/wp-json\/wp\/v2\/comments?post=4750"}],"version-history":[{"count":2,"href":"https:\/\/laikateam.com\/blog\/wp-json\/wp\/v2\/posts\/4750\/revisions"}],"predecessor-version":[{"id":6523,"href":"https:\/\/laikateam.com\/blog\/wp-json\/wp\/v2\/posts\/4750\/revisions\/6523"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/laikateam.com\/blog\/wp-json\/wp\/v2\/media\/6522"}],"wp:attachment":[{"href":"https:\/\/laikateam.com\/blog\/wp-json\/wp\/v2\/media?parent=4750"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/laikateam.com\/blog\/wp-json\/wp\/v2\/categories?post=4750"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/laikateam.com\/blog\/wp-json\/wp\/v2\/tags?post=4750"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}