Microsoft Clarity

一句话用途

用户行为可视化工具，提供热力图、点击图、用户录屏，免费无限制。

快速上手

1. 注册/安装：https://clarity.microsoft.com 用微软账号登录
2. 核心配置：
   • 创建项目 → 获取跟踪代码
   • 在网站添加代码：

     <script type="text/javascript">
       (function(c,l,a,r,i,t,y){...})(window, document, "clarity", "script", "YOUR_PROJECT_ID");
     </script>

3. 第一次使用：
   • 等待数据累积（几小时）
   • 查看"Dashboard" → 点击"Sessions"看用户录屏

出海场景用法

场景	用法	相关SOP
UX问题发现	看用户录屏，发现操作困惑点	UX问题排查
点击热区分析	热力图查看用户点击集中区域	热力图分析
页面优化	看用户滚动深度，调整内容布局	页面布局优化
死链发现	录屏中发现用户点击无反应的元素	死链排查

关键功能

• 用户录屏：真实用户操作录像，回放发现问题
• 热力图：页面点击热区可视化
• 点击图：元素点击次数统计
• 滚动图：用户滚动深度分布
• ** rage clicks**：愤怒点击检测（用户反复点击无效元素）
• 完全免费：无数据量限制

替代工具

• Google Analytics：有基础行为数据，无录屏功能
• Hotjar：类似功能，免费版有限制
• FullStory：企业级录屏分析，付费

参考文章

• Clarity实战案例：从录屏发现UX问题
• 热力图解读：如何正确分析用户点击分布