说到埋点,咱就是说,大家应该dou不陌生吧,哈哈,你懂的,就是在应用里插入代码来记录用户行为什么的.

但是,曝光埋点,好像就没那么简单了,不对不对,应该是也没那么复杂,害,就是判断某个DOM是否出现在视窗中,然后上报数据给服务端呗.

什么是曝光埋点?

曝光埋点的思路其实hen简单:无非就是计算某一元素和视窗的相对可视状态,然后进行一些操作,比如上报数据给服务端.

它与「图片懒加载」「计算广告浏览量」这些需求一样,本质就是让你计算某一元素和另一元素的相对可视状态/相对位置.

技术实现

H5在初始化的时候传入监听方法,并使用observe传入元素的引用来进行绑定监听,埋点后用unobserve传入元素的引用进行解绑.

微信小程序使用createIntersectionObserver初始化,并使用relativeToViewport指定页面显示区域作为参照区域之一,Zui后使用observe传入元素的选择器和监听方法进行绑定,埋点后用disconnect解绑全部监听.

说实话,这些技术实现细节挺重要的,因为它直接影响到曝光埋点的效果.

为什么需要曝光埋点?

按照用户行为不同,埋点Ke以分为点击埋点曝光埋点以及页面埋点等.

曝光埋点:统计页面局部区域是否被用户有效浏览,比如瀑布流中的每一个卡片的曝光比例以及曝光时长,属于被动行为.

埋点,尤其是曝光埋点,往往Zui为复杂、需要用到的技术也Zui全面、Ru果实现方式不合理可Neng造成的影响也Zui大.

前端实现曝光埋点方案

曝光. 采集商品.. 前端:产品要kan隔壁老王昨天... ..复杂度大于业务代码,成为开发者的一个大负担..React HOC + Intersection Observer是一种解决方案.通过intersectionobserver 观察真正的元素曝光点.关注实际内容块,被kan到的统计,geng加准确的反应了,用户真正关注点,

. 核心是通过分析用户行为数据来了解用户的习惯,从而达到增加用户的购买力的效果. 通过intersectionobserver 观察真正的元素曝光点 我们知道，..是数据采集领域的术语. 指的是针对特定用户行为或事件进行捕获、处理和发送的相关技术及其实施过程。 通过分析用户行为数据，企业Ke以发现产品中的问题并进行优化改进。 为未来的业务发展提供有力支持。 同时为数据运营提供基础。 ..

.

.

,目的是给.. 规范执行之后后续随着业务的拓展，Yi有数据字段满足不了业务的分析需求； 产品兼容的问题 .APP的文档：有hen多知友咨询的一些问题，你的反馈是我geng新的动力。. kan在5000阅读，却只… 然而实际上ZuoAB测试时我们经常听到一个词叫“.... 总之,.,尤其是.,是一个非常重要的数据采集手段，Ke以帮助企业geng好地了解用户的行为习惯，从而Zuo出geng有针对性的优化和改进。

---