如何深入探讨微信小程序列表页面的埋点与曝光策略？

本文共计915个文字，预计阅读时间需要4分钟。

背景：在最近的项目中，开发了一个小程序列表页面。PM大大给我提出了一个需求，列表中的每一项，在屏幕中显示的当时，需要上报一条记录。

目标：如图中操作，依次上报 item1-item7，但不是上报 item1+-item7，而是直接上报上报 item1。

背景

最近项目中，开发一个小程序列表页，PM大大给我提了一个埋点需求，列表中的每一项，出现在屏幕中的时候，需要上报一条记录。

目标

如图中操作，要依次上报 item 1 - item7,但是上滑的时候，不再重复上报

怎么做

接到需求的第一感觉是，我难道要监听页面滚动，然后通过offsetTop 去算吗！！！？？？ 这样显然不是最高效的。于是我去翻了一下微信的开发文档，发现有一个IntersectionObserver 的API，正好满足我的需求。

首先我们需要创建一个 IntersectionObserver wx.createIntersectionObserver(Object component, Object options)

IntersectionObserver 一共有四个方法

• IntersectionObserver.relativeTo 使用选择器指定一个节点，作为参照区域之一。