曝光埋点
用视口可见性和停留规则判断内容是否被用户真正看到的埋点方式。
#type / concept
#status / growing
#tech / dev / frontend
#platform / browser
[!info] related notes
曝光埋点
一句话定义
曝光埋点不是“组件渲染了就算曝光”，而是要判断某个对象是否真正进入视口并满足有效可见规则。
核心内容
- 常见实现会依赖
IntersectionObserver - 一个更稳的曝光定义通常要同时考虑可见比例、停留时长、页面是否处于 visible 状态、是否重复曝光
- 曝光对象应该优先按业务对象识别，例如
product_id + scene + position，而不是按 DOM 节点识别 - 曝光事件常用于推荐、广告、信息流、商品列表和运营模块分析
一个常见判定规则
- 进入视口比例至少达到 50%
- 持续停留至少 1 秒
- 页面没有进入后台
- 按 session 或业务规则去重
常见难点
- 虚拟列表会复用 DOM
- 快速滚动可能导致误判
- 元素可能被遮挡或刚出现就消失
- 同一对象在一次访问里是否允许多次曝光，需要明确口径
边界与易混淆点
- 曝光埋点不等于页面浏览埋点，前者关注对象是否被看见，后者关注页面是否被进入
- 曝光埋点和懒加载都常用
IntersectionObserver，但目标不同：一个是统计，一个是延迟加载