AI 跨境增长站
← 工具对比

零成本看清访客在产品页干了什么：Microsoft Clarity 免费热图配 GA4

免费工具 转化优化 Microsoft Clarity Google Analytics

光看 GA4 数字，你还是不知道访客为啥走

GA4 装上之后，你能看到产品页的访问量、跳出率、加购率、结账完成率，漏斗每一步掉多少人也一清二楚。这部分它确实强，而且对大多数中小独立站来说免费额度完全够用。

但问题是，GA4 只回答「发生了什么」和「掉了多少」，它不回答「为什么」。

举个常见场景：你发现某个爆款产品页加购率突然掉了一截，GA4 给你一个红色的下降曲线，然后呢？没有然后了。你不知道是访客找不到加购按钮，还是颜色选择器点不动，还是页面太长大家根本没滚到下面。数字摆在那，原因全靠猜。

GA4 天生就没有热图，也没有会话录像。这不是它做得差，它压根就不是干这个的，它是个量化分析工具。你想知道访客的鼠标在哪、点了哪些点不动的东西、滚到哪就走了，GA4 一个字都告诉不了你。

这块空白，正好 Microsoft Clarity 来补。

Clarity 补上的就是「为什么」这一块

Microsoft Clarity 是微软出的，永久免费，而且不限流量，这点很关键。市面上大部分热图工具免费版都卡你月会话数，超了就让你掏钱，Clarity 没这套。无限热图、无限会话录像，全免费。

它能给你的东西：

  • 热图：点击热图看大家都点哪，滚动热图看页面滚到哪一截人就没了，区域热图看哪块内容真被看了。
  • 会话录像：直接回放真人怎么用你的页面，鼠标轨迹、停顿、卡壳全看得见。
  • 狂点检测（rage click）：访客反复猛点同一个地方，多半是那玩意儿坏了或者他以为能点其实点不了。
  • 死点检测（dead click）：点了没反应的地方，通常是把图片或文字当成了可点的链接。
  • 漏斗：自己设几步流程，看每一步掉多少人。
  • 据官方说还带 AI 自动洞察，能帮你总结录像里的异常模式，这块功能范围以官方为准，我建议拿来当线索，别全信。

有了这些，前面那个「加购率掉了」的谜案就能破了：打开滚动热图发现大家根本滚不到加购按钮那一行，或者狂点检测标红了颜色选择器，答案立马就有了。

Clarity 和 GA4 分别回答什么问题

两个工具不是替代关系，是分工。一个管量，一个管因。直接列张表对照：

你想知道的事GA4Microsoft Clarity
产品页有多少人访问✅ 强项❌
整体加购率、结账完成率✅ 强项部分（靠自建漏斗）
漏斗每一步掉多少人✅ 强项✅
流量从哪来、哪个渠道转化好✅ 强项❌
访客鼠标点在哪、滚到哪❌✅ 强项
哪个按钮被狂点（坏了）❌✅ 强项
真人怎么一步步操作页面❌✅ 强项
哪块内容没人看❌✅ 强项

简单记：GA4 回答 what 和 how much，Clarity 回答 why。 你拿 GA4 圈出哪个页面有问题，拿 Clarity 钻进去看到底哪儿出了问题。

一套实战排查流程：从掉数到定位漏点

假设你的结账漏斗在「购物车到结账」这一步掉得特别狠，照着下面走：

  1. GA4 先定位哪一步漏。打开漏斗报告，确认掉人最狠的是哪一环，把这个页面的 URL 记下来。
  2. Clarity 里筛这批人的录像。按页面路径过滤，专挑那些进了购物车却没进结账的会话，连着看十几条。
  3. 看狂点和死点标记。如果一堆人狂点「结账」按钮，那按钮可能加载慢或者根本没响应；如果死点集中在某个运费说明文字上，说明大家以为那是个能展开的链接。
  4. 拉滚动热图。看看关键的结账按钮是不是被挤到首屏外面去了，移动端尤其容易出这毛病。
  5. 改完回 GA4 验证。同一个漏斗步骤，对比改动前后的转化率，数字说话。

产品页漏点也是同一套逻辑：狂点常出在坏掉的变体选择器上，死点出在那些长得像链接其实点不动的元素上，滚动掉人常发生在加购按钮上方有大段冗余内容的时候。

怎么把两个工具接起来，以及要注意的坑

Clarity 后台直接支持连 GA4，连上之后你能在 Clarity 里按 GA4 的维度（比如来源渠道、设备）去筛录像。这样就能反过来操作：在 GA4 看到「移动端付费流量转化差」，切到 Clarity 直接调出这批人的录像看他们卡哪了。两边数据打通，排查链路就闭环了。

接入都是贴一段 JS 代码，没有服务端的事，独立站建站平台基本都能塞进去。

几个得提前知道的坑：

  • 录像保留期大概 30 天。Clarity 默认只留最近一个月左右的会话录像（小比例样本可能留更久），想长期对比的话，重要片段自己及时存下来或截图。
  • 会话有采样。流量特别大的站，Clarity 不会百分百录全，是抽样的，所以单条录像看个体行为靠谱，但别拿录像数量当精确流量统计，那个交给 GA4。
  • 两边数字对不齐很正常。Clarity 的会话数和 GA4 的会话数口径不一样，别纠结对不上，各看各的强项就行。

要再轻一层，可以顺手挂个 Cloudflare Web Analytics：免费、隐私优先、无 Cookie，纯看页面浏览量。它不替代上面两个，但作为一个不依赖 Cookie 同意的兜底流量计数，挺省心。

凑齐这套，GA4 管量、Clarity 管行为、Cloudflare 兜底浏览量，一分钱不花，小独立站做转化排查需要的东西基本全了。

Read this article in English: A Zero-Cost Conversion Stack: Microsoft Clarity Heatmaps Plus GA4

相关文章