JS监测产品有效曝光
2021-03-30 19:25
YPE HTML>
标签：显示 fse javascrip div scroll i++ event eve ali
电商列表页面，数据加载，并不是写到了列表的产品图都被客户看见了。有时候根本没有被加载
1. 判断加载
浏览器是否能判断一张图，加载完毕，如果可以那么触发JS，推送一次曝光数据
轮询图片
img - complete attribute loading...
图片的onload
img - load event loading...
2. JS判断看见
看见，图片一个列表，被看见和被加载两码事。
以下代码显示了JS如何监测一个图片被看见
Document 1
测试效果图
3. 分级区域
思路1 将屏幕分割到不同的区域
假设分为三屏幕（这个思想来自google的列表排名）这样就可以监测一张图片在当时网页展示的时候的位置。
理解为产品排名，第一名和第五名的产品，尽管可能都被看到，但是第一名的位置永远那么闪耀。
1. 默认的第一屏幕
2. 第二屏幕
3. 第三屏幕
4. 超过三屏幕
优势：可以将产品按屏幕出现的维度进行统计数据。
局限：必须考虑移动版，ipad版，不同显示器尺寸下，定义的第一屏幕是否相同。
思路2 利用排序ID
页面上的所有产品有个自然的排序，每次传给监测系统带上这个ID排序。这样分析的时候就知道这个产品大概在什么位置。
优势：跨越了屏幕分类的复杂。
局限：这粒度的监测，只适合特定页面产品排名固定的情况。如果遇到多个列表页，某个产品都出现了，且ID排序不一致，就会引起监测数据的混乱。
如果考虑客户的网速，应该将判断加载和判断看见同时使用。具体还需要在实际应用中不停的测试，修改细节。
推荐：带组词
JS监测产品有效曝光
标签：显示 fse javascrip div scroll i++ event eve ali
原文地址：https://www.cnblogs.com/1994jinnan/p/12592040.html