← [ BACK_TO_NOTES ]

曝光埋点

用视口可见性和停留规则判断内容是否被用户真正看到的埋点方式。

#concept #growing #frontend #browser

[!info] related notes

曝光埋点

一句话定义

曝光埋点不是“组件渲染了就算曝光”,而是要判断某个对象是否真正进入视口并满足有效可见规则。

核心内容

  • 常见实现会依赖 IntersectionObserver
  • 一个更稳的曝光定义通常要同时考虑可见比例、停留时长、页面是否处于 visible 状态、是否重复曝光
  • 曝光对象应该优先按业务对象识别,例如 product_id + scene + position,而不是按 DOM 节点识别
  • 曝光事件常用于推荐、广告、信息流、商品列表和运营模块分析

一个常见判定规则

  • 进入视口比例至少达到 50%
  • 持续停留至少 1 秒
  • 页面没有进入后台
  • 按 session 或业务规则去重

常见难点

  • 虚拟列表会复用 DOM
  • 快速滚动可能导致误判
  • 元素可能被遮挡或刚出现就消失
  • 同一对象在一次访问里是否允许多次曝光,需要明确口径

边界与易混淆点

  • 曝光埋点不等于页面浏览埋点,前者关注对象是否被看见,后者关注页面是否被进入
  • 曝光埋点和懒加载都常用 IntersectionObserver,但目标不同:一个是统计,一个是延迟加载
创建于 2026/4/24 更新于 2026/7/15
Digital Biome
Access

键盘导航

j / k / ↑ / ↓
选择对象
Enter / o
打开选择
/ 或 Ctrl+K
全站搜索
i / f / 1–4
筛选当前列表
g → h / l / p / t / a
首页 / 笔记 / 项目 / 工具 / About
r → 1–9
打开所选对象的关联
u
返回上一页
Esc
关闭浮层 / 取消命令;输入框内清空文本