Menu

Microsoft Clarity 集成

Microsoft Clarity 是微软提供的免费用户行为分析工具，主要用于：

  • Session Recording（会话回放）：查看用户在页面上的真实操作过程（滚动、点击、停留等）
  • Heatmaps（热力图）：分析用户点击/滚动的集中区域
  • UX 问题定位：帮助发现“用户卡住/找不到入口/表单放弃”等体验问题

提示

  • NEXTY.DEV 已开启开发环境禁用统计脚本以避免污染数据
  • 如需本地验证，请打开 app/[locale]/layout.tsx，删除 process.env.NODE_ENV === "development" 判断。
  • 如果不需要本地验证，只需完成生产环境变量填写，对应脚本即自动启用。

步骤

  1. 登录 Microsoft Clarity 后台
  2. 创建项目
  3. 复制项目 ID
  4. 将项目 ID 粘贴到环境变量 NEXT_PUBLIC_CLARITY_PROJECT_ID
.env
NEXT_PUBLIC_CLARITY_PROJECT_ID=example.com
Microsoft Clarity Project ID