微信小程序列表如何进行长尾词埋点曝光，有哪些具体操作指南？

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

背景：最近的项目中，开发一个小程序列表页面。PM大大给我提出一个需求，列表中的每一项，在屏幕中出现的时间需要记录上报。目标：如图中操作，依次上报item 1 - item7。

背景

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

目标

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

怎么做

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

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

IntersectionObserver 一共有四个方法

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