前端埋点获取pv uv信息

白衣无暇

已于 2023-07-11 11:52:12 修改

阅读量749

点赞数

分类专栏： vue 文章标签：前端 uv vue.js

于 2023-05-23 14:57:33 首次发布

本文链接：https://blog.youkuaiyun.com/liuwanying0226/article/details/130827006

版权

本文介绍了如何在前端通过Vue.js的router路由拦截和自定义埋点指令来获取页面的PV（页面浏览量）和UV（独立访客数）信息。在路由层面，利用beforeEach钩子函数进行拦截；在组件层面，创建自定义指令用于按钮点击事件的埋点跟踪。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端埋点获取pv uv信息

1.router路由拦截
2.自定义埋点指令

1.router路由拦截

使用router得beforeEach钩子函数拦截

router.beforeEach((to, from, next) => {
   
  get_userinfo(to, from);
  next();
});

获取详细信息

let ip = null;
getAddressInfo()
  .then((address: IAddress) => {
   
    ip = address.ip
  })
//获取开始时间
let startTime = Date.now();
//定义一个获取用户的函数
const get_userinfo = (to, from) => {
   

  //获取当前时间
  let currentTime = Date.now()