随时了解我们最新的礼物、优惠和新闻:

13336

不想再猜用户行为?掌握 Microsoft Clarity 3个实用技巧!

不想再猜用户行为?掌握 Microsoft Clarity 3个实用技巧!

免费工具都可以分析使用者行为?Microsoft的Clarity就是一款免费的网站分析工具,可以协助网站拥有者深入了解使用者互动方式。YouFind亲自实测后,发现这个工具适合企业快速诊断UX痛点,又有助精准定位读者最感兴趣的段落,帮助提高停留时间。

Microsoft Clarity介绍

Microsoft Clarity 是一款免费且开源的使用者行为分析工具,提供热度图、会话录像和行为分析等功能,帮助网站拥有者了解访客在网站上的互动方式。主要的优势有:

●真实操作录像:直接观察使用者如何移动鼠标、反覆点击失败的按钮,甚至记录表单填写中途放弃的过程

●整合优势:只需嵌入一行追踪代码,即可与Google Analytics、Shopify等平台数据串连

如何设定Microsoft Clarity?

只要在网站上安装一段追踪代码后,就可以透过Clarity分析网站使用者的行为。

首先在Clarity注册账号后,你可以进入到「新增项目」的版面:

新增项目需要输入姓名及网站等资料:

填好资料后,需要在自己的网站上安装Clarity的追踪代码:

与安装Google Analytics一样,把追踪代码贴在网站上就完成安装。

Clarity有什么功能?

当设定好后,第一个界面可以看到Clarity Dashboard,如传统分析工具一样提供概览功能,显示用户数量、地区、热门URL等信息。

透过这个功能,可以观看特定使用者群组如何进入网站,识别使用者在网站中预到的问题,例如无法点击连结等等。

资料来源:Microsoft Learn

Clarity功能:1. 热度图

除了Clarity Dashboard,Clarity还有不同的实用功能,当中「热度图」Heat Maps可以用视觉化的方式,展示使用者在网站上的行为,包括点击和滑动等,帮助你知道用户最关心的内容是什么。

Clarity 支援三种类型的热度图:

1.点击地图(Clickmaps)

点击地图(Clickmaps)可以显示用户最常点击的网站元素。

资料来源:Microsoft Learn

在热度图界面中,左面的清单可以按点击次数排序,识别网站最受「欢迎」的区域。

Click maps另外又有6个分类,显示各用户的状态:

●所有点击(All clicks)

●无回应点击(Dead clicks)

●暴怒点击(Rage clicks)

●错误点击(Error clicks)

●首次点击(First clicks)

●最后点击(Last clicks)

举例,如果你从热度图中观察到网站Call to Action(CTA)按钮没有足够的点击,可能反应按钮的位置未够明颢,就需要重新定位它。

值得一提的分类是「无回应点击(Dead clicks)」,它指「使用者按一下或点选页面但没有作用」。

是一项传统工具无办法观察到的数据。有这样的现象可能代表网站有误导的设计,令用户以为该位置应该有互动功能;又或者需要点击的目标较小,令用户无办法精准点按。

由此又衍生另一项数据—「暴怒点击(Rage clicks)」。暴怒点击代表着「使用者在相同的小区域中快速按一下或点选」,代表使用者可能觉得该位置应该有连结可以按,但不停点击都没有反应。这个数据就可能反应网站忘记设置应有的连结。

2.滚动地图(Scroll maps)

滚动地图Scroll maps 显示用户在网站上平均滚动的深度,帮助你确定用户是否看到最重要的内容,并在适当的位置放置关键 CTA。

资料来源:Microsoft Learn

假设从数据中发现,大多数用户只会看首50%的内容,只有少部份人会滑到整个网站的底部,你就需要把最重要的内容放在网站页面的开首,方便读者第一时间找到他们想了解的内容。

同样道理,既然大部分人都不会看到网站的底部,如果重要信息放后越后,读者便越大机会关闭你的网站,因为他们根本无法马上找到对自己有利的内容。

Scroll maps提供过滤器的功能,可以按照「时间」、「装置」等分类,找到自己想知道的资料。

3.区域地图(Area maps)

至于区域地图(Area maps)就可以显示不同区域的点击数。这个「区域」可以自订,不同的区域具有明确的边界(见下图)。

资料来源:Microsoft Learn

以上图为例,网站的顶部占约3成的点击,中间占约14%,对落的位置,就只剩下8%。

举一个例子,假设你想增加CTA按钮的点击率(CTR),你可以根据这个数据,找出最多人个点击的区域,直接把按钮安排在该位置。

在所有热度图类型中,你可以在不同设备之间切换(桌面、平板计算机和手机)。或者将两个热度图并排比较,这对于 A/B 测试非常有用,令你更直观评估哪些设计能增加互动率。

Clarity功能:2. 录制内容功能

「录制内容」是另一个强大的功能。

Clarity可以记录访客在网站上的行为,透过「录制内容(Recordings)」功能,可以直接以影片的方式,观看使用者的卷动、点击等行为。

你就可以知道访客主要在看什么的内容;访客会否因为滑动页面不足而错过了一些关键讯息,例如CTA等。

资料来源:Microsoft Learn

Clarity功能:3. Funnels功能

对一间企业来说,转换率是重中之重,Clarity的Funnels(漏斗追踪)功能可以追踪用户落实购买的整个过程,了解使用者如何透过特定流程购买产品,或者有没有顾客特别「卡」在某个步骤,令你识别用户最难解决的特定页面或区域。

假设客人整个购买过程如下:

加入货品到购物车→输入购买资料→结帐完成

透过Clarity可以显示各阶段流失率与停留时间,帮助识别用户最难解决的特定页面或区域。

针对每个步骤,图表会显示已完成或未完成的数量,你可以针对查看每个点的热度图或者记录,进行更详细的分析。

20250707154838666

资料来源:Microsoft Learn

Microsoft Clarity最大的优势是十分直观的视觉分析以及免费可以使用所有的功能。无论是中小企业还是大型品牌,都能透过热度图、录像和AI洞察,快速掌握使用者行为背后的「为什么」,改善网站体验。如果想优化网站,都可以尝试利用Microsoft Clarity!

相关文章

Google的检索特点

google seo翻译成中文就是谷歌优化,谷歌优化是针对谷歌的搜索引擎进行的搜索结果优化,它是指根据谷歌引擎...

阅读更多...
20250604173150308

2025年10大SEO公司最新推荐,香港中小型企业怎么挑选SEO公司?

在当今竞争激烈的香港数码市场中,企业的在线能见度已成为业务发展的关键。许多企业发现自己的网站流量低却不知道怎么…

阅读更多...

电子商务网站要找准定位 不要迷失了自己

互联网的传播速度和扩展半径令人咋舌,以互联网为依托,电子商务网站为载体,让不少企业尝到了甜头。 于是乎,一大波...

阅读更多...

How to increase brand awareness without paid online advertising

Many companies heavily rely on paid online advertising ...

阅读更多...
privacy

我们使用Cookies以提供更好的浏览体验。 如果你继续浏览本网站,即表示你接受我们使用Cookies来收集数据。 更多详情,请参考我们的 私隐权政策