mpvue 小程序开发之 数据埋点统计

Posted 2020-11-22 风中追风

mpvue 小程序开发之 数据埋点统计

在开发过程中，有数据统计的需求，需要获取小程序当前页面和来源页面的数据，以及页面的停留时间

在对小程序api进行了一番研究之后，发现获取这些数据其实并不难

当前页面：

  let pages = getCurrentPages();
  let lastPages = pages[pages.length - 1].route;

备注（在小程序任意生命周期里面执行 getCurrentPages（）方法可以获取当前小程序的页面栈，pages[pages.length - 1].route就是当前页面的路由地址拉）

来源页面：

let pages = getCurrentPages();
let prevPages = pages[pages.length - 1].__displayReporter.showReferpagepath;

备注（在小程序任意生命周期里面执行 getCurrentPages（）方法可以获取当前小程序的页面栈，pages[pages.length - 1].__displayReporter.showReferpagepath就是上一个页面的路由地址拉）

停留时长：

onShow(){
      this.startTime=new Date()
}
onHide(){
      this.endTime=new Date()
}
onUnload(){
      this.endTime=new Date()
}

    

备注（停留时长 ，其实可以在小程序onshow生命周期函数里获取一个时间戳，在onhide或者onunload生命周期里拿一个时间戳，再计算一个时间差值基本就可以算出停留时长）