【第3320期】如何实现元素的曝光监测

文章预览

前言 介绍了如何实现页面元素曝光监测的技术方案和实现步骤。今日前端早读课文章由 @霁明分享，由 @袋鼠云数栈 UED 团队授权。 正文从这开始～～ 一些名词解释 曝光： 页面上某一个元素、组件或模块被用户浏览了，则称这个元素、组件或模块被曝光了。 视图元素： 将页面上展示的元素、组件或模块统称为视图元素。 可见比例： 视图元素在可视区域面积 / 视图元素整体面积。 有效停留时长： 视图元素由不可见到可见，满足可见比例并且保持可见状态的持续的一段时间。 重复曝光： 在同一页面，某个视图元素不发生 DOM 卸载或页面切换的情况下，发生的多次曝光称为重复曝光。例如页面上某个视图元素，在页面来回滚动时，则会重复曝光。 如何监测曝光 需要考虑的一些问题 曝光条件 页面上某一视图元素的可见比例达到一定值（例如 0.5） ………………………………