vue中的浏览量_vue项目中统计页面访问量PV UV
PV:page view 页面的访问量、浏览量。UV:Unique Visitor 一天24小时内,你的网站访问的IP数量。我们以vue项目来举例,每访问一个页面,都会经过main.js文件,所以我们在main.js中调用接口,将页面链接,名称等参数传递给后端即可。router.afterEach((to, from, next) => {comFun.hasToken().then(()
PV:page view 页面的访问量、浏览量。
UV:Unique Visitor 一天24小时内,你的网站访问的IP数量。
我们以vue项目来举例,每访问一个页面,都会经过main.js文件,所以我们在main.js中调用接口,将页面链接,名称等参数传递给后端即可。
router.afterEach((to, from, next) => {
comFun.hasToken().then(() => { //确保拿到token之后
let url = 'https://hi.189.cn/equitiesWebTest' + to.fullPath
comFun.setPVUV(url, to.meta.title)
})
//hasToken和setPVUV方法都在common.js中,导出对象名是comFun
})
在setPVUV()方法中调用接口
//统计页面PV和UV
const setPVUV = (url, title) => {
let data = {
webId: "equities", //网页标识符
url: url, //当前页面url
webName: title, //网页名称
openId: sessionStorage.getItem('openId'),
phoneNum: sessionStorage.getItem('userInfo') ? JSON.parse(sessionStorage.getItem('userInfo')).phoneNum : store.state.userInfo.phoneNum //手机号码
}
//调用封装好的接口方法
api.setPVandUV(data).then(res => {
console.log('PVUV '+res)
}).catch(err => {
console.log(err)
})
}
以上。
PS:要统计点击量,可在点击事件中调用setPVUV()方法
更多推荐
所有评论(0)