uniapp 统计页面停留时间

每个页面都要统计，因此全局处理的方法较好，采用全局混入的解决方式，onHide和onUnload分别处理页面隐藏和页面卸载的情况，onShow确保每次进入页面重新获取时间

1. residenceTime.js

let enterTime = '';
let outTime = '';
let stayTime = '';
export default {data() {return {};},onShow(){// 用户进入时间enterTime = new Date();console.log(enterTime);},onHide(){// 用户退出时间outTime = new Date();//停留时间(毫秒)stayTime = outTime.getTime() - enterTime.getTime();let curRoute = this.$mp.page.route;console.log('页面隐藏'+curRoute+':'+stayTime);},onUnload() {// 用户退出时间outTime = new Date();//停留时间(毫秒)stayTime = outTime.getTime() - enterTime.getTime();let curRoute = this.$mp.page.route;console.log('页面卸载'+curRoute+':'+stayTime);}
};

2.main.js文件全局注入

import residenceTime from '@/mixins/residenceTime.js'Vue.mixin(residenceTime); //全局混入

uniapp 统计页面停留时间相关推荐

使用localStorage统计页面停留时间
function statisticsStay(){console.log(localStorage.getItem('testSecond'));var second = 0;//开启定时器记录页面 ...
微信小程序页面停留时间统计
近来在研究微信小程用户是否在使用小程序或者查看用户在小程序停留的时间,无意中在git上找到了相关的解决问题方法,希望正在开发这个功能的的你,能帮助你解决! 收到一个需求,要统计一个用户在我们小程序的每 ...
【pmcaff】页面停留时间和网站停留时间详解
点击上方 "公众号" 可以订阅哦! 一.页面停留时间与网站停留时间是如何计算出来的? 假设用户访问了网站的主页(Home).分析工具将这个访问者标记为一个Visit,接着这个访问者 ...
仿钉钉考勤统计页面的日历组件，通过日历展示每日考勤打卡情况，支持在日历上打两种不同类型的点，大致适配各种分辨率效果图
原文链接:uniapp : 仿钉钉考勤统计页面的日历组件,通过日历展示每日考勤打卡情况,支持在日历上打两种不同类型的点,大致适配各种分辨率 - northwest - 博客园 (cnblogs.com ...
提高网站转化率——页面停留时间与网站停留时间
一.页面停留时间与网站停留时间是如何计算出来的? 假设用户访问了网站的主页(Home).分析工具将这个访问者标记为一个Visit,接着这个访问者又浏览了另外两个页面(Page2和Page3),然后他离 ...
如何计算站点停留时间和页面停留时间
站点停留时间(Time on Site,下文简称Ts) 和页面停留时间(Time on Page,下文简称Tp)是用户体验分析及流量质量监控的重要指标.但是极少有人知道网站访问的平均时间(Avera ...
网站分析——如何计算站点停留时间和页面停留时间
前言 UV,unique visitor,是指通过互联网访问.浏览这个网页的自然人. 独立IP,独立用户或独立访客.独立IP访问者提供了一定时间内不同观众数量的统计指标,而没有反应出网站的全面活动. ...
HTML5停留时长统计,平均停留时间
本词条缺少概述图,补充相关内容使词条更完整,还能快速升级,赶紧来编辑吧! 这个指标由于其看上去是一个很容易理解的度量指标(不就是访客在这浏览这个网站时花了多少时间吗).因此不少管理人员特别是其他非网站 ...
如何精确统计页面停留时长
关注公众号前端开发博客,回复"加群" 加入我们一起学习,天天进步作者:今日头条技术链接:https://techblog.toutiao.com/2018/06/05/ru- ...

uniapp 统计页面停留时间

uniapp 统计页面停留时间相关推荐

最新文章

热门文章