热力图是以特殊高亮的形式显示用户页面点击位置或用户所在页面位置的图示,是一种非常好用的工具,一图抵千言,借助热图,可以直观地观察到用户的总体访问情况和点击偏好。
“热力图”一词最初是由软件设计师 Cormac Kinney 于 1991 年提出并创造的,最开始的热力图,是矩形色块加上颜色编码,颗粒感很强。经过多年的演化,现在的热力图是经过平滑模糊,看上去更美观。
市面上实现热力图的工具有很多,根据行为可以分为点击、移动和滚动。
- 点击可以进一步分细分为链接点击和鼠标点击/所有点击。
- 移动就是鼠标移动(Mouse Move Heatmap),基于鼠标移动的轨迹生成的热流图,以前代表的产品有MouseFlow,注意是以前,现在MouseFlow主要是以录屏作为亮点,而且现在其他工具也支持鼠标移动。
- 滚动就是滚动热图(Mouse Scroll Heatmap),也叫注意力热图,但基本是标配,主流的热力图工具都会具备的基本功能。
由于移动和滚动这两种热图基本作为标配,所有不做单列,热力图就分为两类:
- 链接点击(Link Heatmap),只记录有链接的点击,还有另一种说法叫页面可点击元素的点击,代表产品有Google Analytics、Adobe Analytics等
- 鼠标点击(Mouse Click Heatmap),记录所有的点击,代表的产品有HotJar、CrazyEgg、Smartlook、Ptengine、Clarity、百度统计、Yandex.Metrica等
有些工具会提供上述两种或三种类型的热力图。
链接点击
很多第三方分析工具的也会提供热力图功能,但这不是它产品的重点,往往这类公司提供的都是只记录有链接的点击;而且会数据合并,如一个页面有两个位置点击可以到达页面A,如果不加区分的话,自动就会将数据合并了,通常需要启用增强链接归因,在URL加上不同的参数加以区分,所以这类工具往往很不准确。代表产品有Google Analytics、Adobe Analytics。
Google Analytics
Google Analytics的热力图需要结合插件Page Analytics使用,有两种显示形式,一种是显示气泡,一种是显示颜色,下图这种是显示气泡:
- 价格:有免费版,付费版15万美元/年起
- 主要功能:链接点击、维度细分
- 弱点或限制:需要结合插件使用;热力图显示非常粗糙
Adobe Analytics
Adobe Analytics的热力图需要提前配置收集数据,然后结合插件Activity Map使用。有两种显示形式,一种是显示气泡,一种是显示梯度(其实就是颜色),下图这种是显示气泡:
- 价格:基于Adobe Analytics是基于Server Call收费
- 主要功能:链接点击、维度细分
- 弱点或限制:需要结合插件使用;热力图显示非常粗糙;Adobe Analytics是基于Server Call收费的,要采集所有的点击去生成力图在投入与产出上是划不来的。
由于上面的工具只记录有链接点击,所以是会漏掉很多的点击数据,一般不直接用,不推荐使用上面这两种,好的热力图工具要记录所有用户的点击,因为空白处位置的点击是热力图的一大分析方向,建议使用一些能够记录所有鼠标点击的工具。
鼠标点击
鼠标点击就是记录所有的点击,也叫Click Map,点击热力图。下面的这些产品都是可以记录鼠标所有点击的,我们只看热力图相关的一些功能:
HotJar
HotJar是一个热力图和用户行为分析工具,在热力图领域是Top2,热力图是它的主打功能,国内也很多的外贸独立站都会用这个。
HotJar的热力图呈现下过如下:
红色越明显说明用户点击这个的次数越多。
- 价格:基础版免费(2000 PV/天),个人版39美元/月起步(10000 PV/天),商业版89美元/月起步(20000 PV/天)
- 功能:点击热力图,滚动热图、录屏、鼠标移动热图
- 限制:数据存储1年;不能结合维度做分析
CrazyEgg
- 价格: 24美元/月起步,有三十天的体验期
- 功能:点击热力图,滚动热图、录屏
- 限制:数据存储1年
Smartlook
Smartlook是一种记录用户行为的工具。它的亮点是对用户的行为做录屏,然后视频播放的形式回访,能够精准定位到个人ID,在隐私保护上可能存在争议,但官方上说是满足GDPR。产品地址:https://www.smartlook.com/
它的热力图功能是记录鼠标点击的,热力图效果如下:
- 价格:31美元/月起步,有10天体验试用期
- 功能:点击热力图,滚动热图、录屏,支持APP热力图
- 限制:数据的存储时长取决于你选择的套餐;
Ptengine
Ptengine是铂金智慧PtMind推出是一款在线用户行为分析工具,热力图是它的亮点。这是一家国内的公司。
- 价格:官网没显示价格,按PV量身定制套餐价,6万/年起,查询英文官网17,800日元/月起步(30000 PV/月),折合1100RMB,有免费版
- 功能:点击热力图、注意力热力图、触达率热图等
- 限制:价格高;
Clarity
Clarity是微软在2018年推出一个免费的热力图分析工具。产品地址:https://clarity.microsoft.com
Clarity是开源的,源代码: github.com/microsoft/clarity
- 价格:免费
- 功能:滚动热图(即将推出)、录屏
- 限制:最多可以访问12个月的热力图;每张热力图最多收集100,000个页面浏览量;
百度统计
百度统计目前提供的页面点击热力图,是基于鼠标点击位置的热力图。
- 价格:免费
- 功能:链接点击、鼠标点击
- 限制:需要页面配置才会有数据;暂不支持框架页面的监控;就只简单显示热力图,不能结合维度做分析;
Yandex.Metrica
- 价格:免费
- 功能:链接点击、鼠标点击、滚动热图、录屏
- 限制:不能结合维度做分析
注意:
- “不能结合细分做分析”的意思是不能只看某个维度的数据,如只看某个广告渠道的,或只看某个城市的热力图。
- “需要页面配置才会有数据”就是默认不会收集热流图数据,需要页面配置才会有该页面的热力图数据。不需要就是默认收集所有页面的所有点击数据。
从热力图的角度来看,大家的功能到大同小异,热图数据基本存储一年,都有点击热力图,都有滚动热图,都能录屏,有些产品是没有,其他的如漏斗、事件跟踪,甚至AB测试,这些是次要的。
这里我们只关注热力图,从热力图效果截图中可以看出,热力图的展示形式也都差不多,唯一不同的就是价格了。
产品 | 价格 |
HotJar | 基础版免费个人版39美元/月起步商业版89美元/月起步 |
CrazyEgg | 有三十天的体验期24美元/月起步 |
Smartlook | 有十天的体验期31美元/月起步 |
Clarity | 免费 |
Ptengine | 有免费体验版按流量付费,6万/年起日本是17,800日元/月起步(30000 PV/月),折合RMB1100。 |
百度统计 | 免费 |
Yandex.Metrica | 免费 |
JotJar、CrazyEgg和Smartlook都是几十美元一个月起。
而Ptengine是按流量付费的,国内是6万/年起步,在其英文网站看到日本是17,800日元/月起步(30000 PV/月),折合RMB 1100,国内外的价格差异很大。
再看各家的具体功能对比如下:
产品 | 点击热力图 | 滚动热图 | 鼠标移动热图 | 录屏 | 是否需要配置才有热力图 | 能否结合细分使用 | 选择时间范围 | 合并页面 |
HotJar | 有 | 有 | 有 | 有 | 需要 | 不能 | 不能 | 能 |
CrazyEgg | 有 | 有 | 无 | 有 | 需要 | 能 | 能 | 能 |
Smartlook | 有 | 有 | 有 | 有 | 需要 | 不能 | 不能 | 能 |
Ptengine | 有 | 有 | 无 | 无 | 不需要 | 能 | 能 | 能 |
Ptengine细分和不需要再配置就会收集数据是非常好的,但价格实在不美丽。因为Ptengine的定位是在线用户行为分析工具,大类应该是和增长工具放到一起,但它的热力图很突出。
单看热力图,Ptengine的价格毫无竞争力,但从增长工具/网站分析工具角度来看的话,Ptengine的价格跟国内类GA工具的价格基本一致,而且热力图有优势哦。
CrazyEgg在功能上比Hotjar要灵活一些,因为HotJar的易用性,更多的人会选择Hotjar。CrazyEgg也非常真诚,在官方的对比介绍中,引用三家第三方的数据证明,Hotjar比CrazyEgg更受欢迎,CrazyEgg的心真大。
Smartlook和另一家MouseFlow,是主打录屏的,有这需求的,可以考虑。
要免费的,有Clarity、百度统计和Yandex.Metrica这几个。
产品 | 点击热力图 | 滚动热图 | 鼠标移动热图 | 录屏 | 是否需要配置才有热力图 | 能否结合细分使用 | 选择时间范围 | 合并页面 |
百度统计 | 有 | 无 | 无 | 无 | 需要 | 不能 | 能 | 不能 |
Clarity | 有 | 即将推出 | 无 | 有 | 不需要 | 能 | 能 | 能 |
Yandex.Metrica | 有 | 有 | 无 | 有 | 不需要 | 不能 | 不能 | 不能 |
百度统计有个问题是呈现热力图要渲染比较久。Yandex.Metrica的问题是不能选取时间,而且对比其他工具,Yandex.Metrica发送数据的频率很高。
综上,热力图工具要选择跟踪所有点击,付费的可以考虑使用HotJar和CrazyEgg,免费的可以考虑使用Clarity,如果比较注重滚动热图的,Clarity现阶段还不适合,可以考虑Yandex.Metrica。
作者:Haran
来源:知乎