当前位置: 首页 > 知识库问答 >
问题:

vue2 - Vue2+ElementUI前端埋点统计页面停留时长?

韩琛
2024-05-10

前端埋点统计页面停留时长

最近在做埋点需求,需要统计页面的浏览时长,项目是使用的vue2+elementUI,普通的页面级浏览时长可以用路由守卫进行统计,但有些需求需要统计页面内tabs下的浏览时长,甚至是存在多层tabs的情况,想要写一个通用的方法,请求大家给予帮助,提供一些思路。

求求了,救救孩子吧。

共有3个答案

仇正豪
2024-05-10

提供一个思路,在需要上报的组件中,添加一个标识,使用全局mixin,在created和beforeDestroy生命周期中判断下标识,并做对应的上报逻辑

厉令
2024-05-10

tabs下的组件,挂自定义指令,可以用IntersectionObserver写,可以查查相关的文档哈,用起来比较容易。 监测到组件曝光就记时,离开就停止计时,上传埋点

南门焱
2024-05-10

每个tab都对应一个页面

 类似资料:
  • 本文向大家介绍访客站点停留时间和页面停留时间的实现方案,包括了访客站点停留时间和页面停留时间的实现方案的使用技巧和注意事项,需要的朋友参考一下 站点停留时间(Time on Site,下文简称Ts) 和 页面停留时间(Time on Page,下文简称Tp)是用户体验分析及流量质量监控的重要指标。但是极少有人知道网站访问的平均时间(Average Time on Site)是怎么计算出来的。无论是

  • 什么时候需要将vue2升级到vue3? 面试被问到什么场景需要使用vue3,应该如何回答

  • 本文向大家介绍vue2 前端搜索实现示例,包括了vue2 前端搜索实现示例的使用技巧和注意事项,需要的朋友参考一下 项目数据少的时候,搜索这样的小事情就要交给咱们前端来做了,重要声明,适用于小项目!!!!! 其实原理很简单,小demo是做搜索市区名称或者按照排名搜索。 页面布局成功之后,就是要做js配置了,首先是data初始化。 接下来获取后台数据,后台数据必须是一次性传递给前端,原因你懂的。 搜

  • 代码如下 this.changeTableData是要刷新表格的数据,provide发送changeTableData方法,在App.vue点击触发this.changeTableData,但是没有生效 用了inject: ['changeTableData'],reset是点击触发这个this.changeTableData,不但没有生效,还在页面上报 大佬们,怎么在app.vue,点击触发这个

  • 不要求经典,但求代码是优质的,另外怎么去git上搜索优质的后台管理系统项目,感谢各位大佬。