关于安装 Microsoft Clarity 的笔记

本周，我为我的一个项目添加了 Microsoft Clarity。安装大约花了十分钟，不到一个小时我就了解到了用户实际使用网站的情况，这比 Google Analytics 几个月来告诉我的信息还要多。

它实际做什么

Clarity 是微软的行为分析工具。你只需将一个脚本标签粘贴到你网站的 head 部分，它就开始记录两件事：热力图，显示用户点击的位置和滚动深度；以及完整的会话录制，你可以像回放屏幕截图一样观看真实的用户访问过程。这类功能以前在 Hotjar 或 FullStory 等工具中是付费功能。

免费计划没有会话数量限制，因为根本没有付费计划。微软大概是利用聚合数据来改进自己的产品，他们在隐私政策中也这么说了。你网站访问者的录制内容会保留在你的项目中。

第一个小时我看到了什么

几乎立刻就有几件事引起了我的注意：

• 用户在点击一个我样式化成按钮但并未真正设置为链接的文本区域时，表现出愤怒的点击行为。
• 主页上的一个区域几乎没有人滚动到，而我曾以为它足够核心，每个人都会看到。
• 一个人通过键盘逐个标签页浏览页面，这让我意识到我从未测试过网站大部分区域的焦点顺序。

这些在 Google Analytics 中都不会显示出来。GA 提供访客数量和转化目标。它无法向我展示一个用户花费近一分钟试图点击一个并非按钮的东西。

一些实用建议

如果你决定安装它：

• 它是延迟加载的，所以不会影响你的 PageSpeed 分数。
• Copilot 摘要功能非常有用。你无需回放一个六分钟的录制，就能得到一段描述用户行为的摘要。当你拥有的会话比一天的时间还多时，这能节省大量时间。
• 即使有符合 GDPR 的默认设置，你仍然需要在隐私政策中提及会话录制。
• 如果已经设置了 Google Tag Manager，通过 Google Tag Manager 插入代码片段比直接编辑 head 模板更简洁。

一个脚本标签，零成本。在你下一个项目上线时安装它吧。