导航菜单

前端开发入门到实战:计算一个页面内每个模块的曝光时间(停留时间)

该产品希望看到发布的活动页面,用户对页面上的哪些信息感兴趣,完全不关心哪些信息。=>;计算页面中每个模块的停留时间

当我第一次听到这个要求时,我的大脑开始疯狂地运转,然后我想到了计划1,计划2,计划3…中间仍然有许多失败的想法。我忘记了。这里,第三个解决方案是我最终采用的方法。

不同的人有不同的代码样式,这个程序不适合这种代码样式

这种方式非常好,也就是说,如果每个人的代码风格都非常一致,那么最好使用。

根据上述方法得到的数据如下:

表示:从顶部停留2728ms后,用户向下滑动612px,滑动595ms,然后从顶部612px停留8649ms,最后向上滑动604px,移动167ms。

虽然最终获得的数据量不大,但很难对这些数据集进行分析。这是一种当你不与产品对接时的思考方式。这有点复杂。但这样可以生动地模拟用户的行为。

我有与我的产品接口的基本规则:

每个1300px高度用作掩埋点统计数据的模块。

当每屏曝光范围大于400px时,开始有效记录时间,开始记录时间。

每个模块的报告时间是模块中滑动时间和静态停留时间的总和。

让当前模块为模块0。当用户未到达模块1时,重复滑动时间记录为模块0中的时间。

让当前模块为模块0.当用户到达模块1时,它将通过滑动行为返回到模块0。此时,模块0数据将被重新记录

最后报告时间是用户离开页面(转到下一个处理页面或关闭浏览器),并且可以监视用户的离开行为和场景。

根据上述要求,我使用以下代码进行了一个小型演示:

通过这种方式,movieta的数组长度等于页面中的模块数量

我是一名五年前端工程师,希望本文能为您提供帮助!

在这里,我推荐我的前端学习交换扣qun:,这是学习前端,如果你想制作一个很酷的网页,想学习编程。我编写了2019最全面的前端学习资料,从最基本的HTML + CSS + JS [酷特效,游戏,插件包装,设计模式]到移动HTML5项目实用学习资料已经排序并发送每一个前端合作伙伴,每天分享技术

点击:加入

IT智云编程

0.2

2019.08.12 19: 14

字数824

该产品希望查看发布的活动页面,用户对页面上的哪些信息感兴趣,并且对哪些信息完全不感兴趣。=>计算页面中每个模块的停留时间

我第一次听到这种需求时,我的大脑开始狂奔,然后我想到了计划1,计划2,计划3 .中间还有很多失败的想法。我忘了它。这里,第三种解决方案是我最终采用的方法。

不同的人有不同的代码风格,这个程序不适合这种代码风格

这种方式非常好,也就是说,如果每个人的代码风格都非常一致,那么最好使用它。

根据上述方法获得的数据如下:

表示:从顶部停留2728ms后,用户向下滑动612px,滑动595ms,然后从顶部612px停留在8649ms,最后向上滑动604px达167ms。

尽管最终获得的数据量不大,但是难以分析数据集的这种数据。当您不与产品对接时,这是一种思考方式。这有点复杂。但这种方式可以生动地模拟用户的行为。

我有与我的产品接口的基本规则:

每个1300px高度用作掩埋点统计的模块。

当每个屏幕的曝光范围大于400px时,开始有效记录时间,并开始记录时间。

每个模块的报告时间是模块中滑动时间和静态停留时间的总和。

让当前模块为模块0.当用户未到达模块1时,重复滑动时间将记录为模块0中的时间。

让当前模块为模块0.当用户到达模块1时,它将通过滑动行为返回到模块0。此时,模块0数据将被重新记录

最后报告时间是用户离开页面(转到下一个处理页面或关闭浏览器),并且可以监视用户的离开行为和场景。

根据上述要求,我使用以下代码进行了一个小型演示:

通过这种方式,movieta的数组长度等于页面中的模块数量

我是一名五年前端工程师,希望本文能为您提供帮助!

在这里,我推荐我的前端学习交换扣qun:,这是学习前端,如果你想制作一个很酷的网页,想学习编程。我编写了2019最全面的前端学习资料,从最基本的HTML + CSS + JS [酷特效,游戏,插件包装,设计模式]到移动HTML5项目实用学习资料已经排序并发送每一个前端合作伙伴,每天分享技术

点击:加入

该产品希望查看发布的活动页面,用户对页面上的哪些信息感兴趣,并且对哪些信息完全不感兴趣。=>计算页面中每个模块的停留时间

我第一次听到这种需求时,我的大脑开始狂奔,然后我想到了计划1,计划2,计划3 .中间还有很多失败的想法。我忘了它。这里,第三种解决方案是我最终采用的方法。

不同的人有不同的代码风格,这个程序不适合这种代码风格

这种方式非常好,也就是说,如果每个人的代码风格都非常一致,那么最好使用它。

根据上述方法获得的数据如下:

表示:从顶部停留2728ms后,用户向下滑动612px,滑动595ms,然后从顶部612px停留在8649ms,最后向上滑动604px达167ms。

尽管最终获得的数据量不大,但是难以分析数据集的这种数据。当您不与产品对接时,这是一种思考方式。这有点复杂。但这种方式可以生动地模拟用户的行为。

我有与我的产品接口的基本规则:

每个1300px高度用作掩埋点统计的模块。

当每个屏幕的曝光范围大于400px时,开始有效记录时间,并开始记录时间。

每个模块的报告时间是模块中滑动时间和静态停留时间的总和。

让当前模块为模块0.当用户未到达模块1时,重复滑动时间将记录为模块0中的时间。

让当前模块为模块0.当用户到达模块1时,它将通过滑动行为返回到模块0。此时,模块0数据将被重新记录

最后报告时间是用户离开页面(转到下一个处理页面或关闭浏览器),并且可以监视用户的离开行为和场景。

根据上述要求,我使用以下代码进行了一个小型演示:

通过这种方式,movieta的数组长度等于页面中的模块数量

我是一名五年前端工程师,希望本文能为您提供帮助!

在这里,我推荐我的前端学习交换扣qun:,这是学习前端,如果你想制作一个很酷的网页,想学习编程。我编写了2019最全面的前端学习资料,从最基本的HTML + CSS + JS [酷特效,游戏,插件包装,设计模式]到移动HTML5项目实用学习资料已经排序并发送每一个前端合作伙伴,每天分享技术

点击:加入

http://www.sugys.com/bdsB3f3zZ/h0u9S