代码安装:让门店官网立刻有热力图和录屏
Microsoft Clarity 用来做热力图+用户录屏特别顺手,门店官网(预约、电话、到店导航)这种强转化页面很适合。
安装也不复杂:进 Clarity 新建项目,拿到一段 Tracking Code,把脚本放到网站<head>里;用 Google Tag Manager 的话就新建“自定义 HTML”标签粘进去,触发选 All Pages。
上线后回到 Clarity 看“安装状态”,通常几分钟内能看到数据。建议先跑到至少200次访问再看热力图,不然结论容易飘。
事件标记:把“电话/预约/导航”变成可统计动作
门店最常见的 3 个关键动作:点击电话、提交预约表单、打开地图导航。Clarity 在2026年支持事件跟踪与自定义事件,你可以直接在按钮点击时打点:
- 电话按钮:点击时触发 clarity('event','click_tel')
- 预约提交:提交成功回调触发 clarity('event','booking_success')
- 导航按钮:触发 clarity('event','open_map')
小提醒:表单里别把手机号、姓名这类信息当事件参数传,避免隐私踩雷。需要的话用“是否提交成功/选择了哪个门店”这种非敏感字段就够了。
转化漏斗:用 1 条漏斗看清客户卡在哪
Clarity 的转化漏斗适合把路径钉死:比如“落地页 → 价格页 → 预约页 → booking_success”。你会看到每一步掉了多少人,还能一键筛出“掉队的人”的录屏。
举个门店常见例子:漏斗显示预约页到提交成功只剩18%,点开录屏发现一堆人在手机上反复点“提交”没反应,根因往往是验证码挡住了按钮,或必填项提示在屏幕外。
异常点击排查:用 Rage/Dead Click 快速定位坑位
Clarity 里重点盯这几类信号:Rage Click(狂点)、Dead Click(点了没反应)、快速回退、滚动过深。它们基本就是“用户在生气”的证据。
- 在录屏里筛选“Rage Click”,优先看预约按钮、优惠弹窗关闭、地址模块
- 对照热力图:高点击但无跳转的区域,通常是误以为可点的图片/卡片
- 再按设备过滤:很多问题只发生在手机端(比如 fixed 底栏挡住按钮)
你现在就能做的动作:
- 今天把代码上到全站,跑到200-500次访问再下结论
- 把“电话/预约成功/打开地图”这3个事件打上
- 建1条漏斗:落地页→预约页→booking_success,每周抽30段录屏只改一个最大痛点
- 每次改版后专门看“Dead Click”是否下降,下降就说明改对了