无效点击（Dead Click）：是什么、常见原因和修复方法

什么是无效点击（Dead Click）？

无效点击（Dead Click）是指点击或轻触之后页面毫无反应：没有跳转、没有打开任何东西、屏幕上什么都没变。访客以为会发生什么，结果什么也没发生。

无效点击通常意味着两种情况之一：某个元素看起来能点、其实不能；或者某个元素本该有反应，但代码坏了或太慢。不管哪种，都是一次小小的摩擦，积累多了就是流失的转化。

无效点击、狂点和报错点击

它们常常一起出现：访客点了一个不工作的按钮没反应，接着就狂点它。

工具怎么判定无效点击

会话录制和热力图工具通常这样判定：点击后很短的时间内（常见是 1 秒左右），没有跳转、页面内容没变化、也没有由它触发的网络请求，就记为无效点击。具体规则各工具不同，所以不同产品的无效点击数不能直接比。

常见原因

计算示例

某商品页两周内的点击图（示例数据）：

将近三分之一的点击（32%）落在什么都不会发生的元素上。修起来不贵：让主图能打开放大画廊，把尺码文字改成链接到尺码表，让星级跳到评价区。上线后，这些点击应该变成真正的互动，从这个页面离开的人也会变少。

怎么修

1. 要么让它能用，要么让它看起来不能点。 用户期待有动作就加上；没有就去掉视觉暗示（下划线、手形光标、悬停效果）。
2. 加上加载中和禁用状态，让慢的或暂时不能用的按钮自己说明原因。
3. 扩大可点击区域，检查有没有重叠的图层，手机上尤其要查。
4. 修复点击处理代码里的 JavaScript 报错，见查找 JavaScript 错误。
5. 每次发版后复查： 布局改动常常会制造新的「死区」。

在 TapCub 里找到它们

TapCub 不单独标记「无效点击」这个指标。它记录带坐标的点击用于热力图，提供点击最多的控件元素表，记录狂点（由采集端判定：300 毫秒内、50 像素范围内连续点到第三次）和 JavaScript 报错。要找无效点击的候选，打开页面热力图，看点击是否聚集在不是链接或按钮的元素上；在元素表里找点击占比高的非交互元素；再筛选出有狂点或报错的会话看会话回放。见怎么看热力图、会话回放和用户摩擦。

参考资料

• Microsoft Clarity. Semantic metrics: dead clicks, rage clicks, excessive scrolling.
• FullStory. What are dead clicks?
• Nielsen Norman Group. Beyond blue links: making clickable elements recognizable.