免费的网站热力图分析工具Microsoft Clarity安装及使用教程

目录

Clarify部分功能使用说明

使用热力地图分析页面

当你第一次进入这个页面的时候，页面是空的，你需要搜索并选择一个页面。我搜索的是域名词，yaosocial，在右侧就弹出了访问量最大的几个页面。

注意，Clarity默认的是过去3天的数据，你可以点击时间控件（Last 3 days那个位置）或filter去选择你想要分析的时间段、设备、操作系统、浏览器、国家、行为、来源、等多个过滤筛选条件。Clarity提供的筛选过滤还是非常强大的。

选择的其中一个页面，view heatmap查看。

左侧是数据统计栏，切换下图所示的click、scroll、和area可以看到不同的数据结果；右侧则是直观的页面热力图展示，采用不同的颜色区分热度。

点击Scroll，你就可以看到经常在百度谷歌上看到那种五颜六色的图了～

点击area，你可能在左侧只看到一个默认的area，由于分析的网站是wordpress博客，所以在area中，默认的分析区域就只是文章的正文区域，如果你要分析更多的区域，可以点击edit，增加其他的分析区域。

下图中就是我在写文章时临时增加了一个area，可以看到不同的区域也是用不同的颜色区分开来了。

查看dead clicks

你可以从dashboard的dead clicks的入口去进入到以下页面，在左侧列出的都是包含了

dead clicks的视频列表，同样也是过去3天的用户访问数据。

也可以从录制的导航入口进入，然后筛选你查看的页面、类型等，也是有强大的筛选功能。

查看JS报错、rage clicks的视频也可以采用这样的方式查看。

有些视频比较长，你可以将视频直接拖到包含了dead clicks的地方，如下图箭头所指，观看视频就可以知道，用户到底点击了什么地方。

当我看完这段视频后，我才知道，这个视频dead clicks其实是来源于用户的无意识点击，有些用户，甚至包括我自己在看较长内容的网页时，也会无意识地去点击页面的空白区域或不可跳转的区域。

翻看左侧列表，我发现录制出来的这些视频，时长都很长，最短的是5-8分钟，最长的甚至长达1个多小时，大概率是由于人们在接触新概念和新知识会产生的烦躁感导致的。

查看实时视频

Clarity支持查看实时用户的访问记录和视频，同样也是以用户为单位去查看视频。

当然查看这个的前提是当前有用户正在访问你的网站。个人觉得除非是在新活动页面刚刚上线，我特别关注用户行为和页面反馈时才会盯着每个用户的视频，否则谁没事去查看每一个用户的访问视频呀～

整体来说，实时视频是一个炫酷但是使用频次比较低的功能。

和HotJar的功能对比

HotJar是独立站数据分析时经常会提到的软件，在这里，我们就软件的主要三大功能做以下对比。

热力图功能

视频录制

谷歌分析师数据集成

如果你之前从来没有用过热力图分析工具，那么我会建议你从Microsoft Clarity开始用起，毕竟它也可以满足热力图分析的大部分需求了。