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

简介: 微信小程序开发之数据埋点统计

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

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

当前页面:

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

image.gif

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

来源页面:

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

image.gif

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

停留时长:

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

image.gif

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

目录
相关文章
|
8月前
|
人工智能 小程序 前端开发
一个小程序轻量AR体感游戏,开发实现解决方案
针对青少年运动兴趣不足问题,AR体感游戏凭借沉浸式互动体验脱颖而出。结合小程序“AI运动识别”插件与WebGL渲染技术,可实现无需外设的轻量化AR健身游戏,如跳糕、切水果等,兼具趣味性与锻炼效果,适用于儿童健身及职工团建,即开即玩,低门槛高参与。
|
8月前
|
运维 小程序 数据可视化
小程序开发平台有哪些?SaaS小程序制作平台哪个好
小程序开发模式详解:自主开发、SaaS小程序制作平台与外包全对比 选择合适的小程序开发模式,是项目成功的基石。这三种模式在成本、周期、控制力和灵活性上各有千秋,适用于不同阶段和不同类型的企业。下面我们将逐一深入剖析。
704 9
|
8月前
|
移动开发 小程序 前端开发
小程序开发平台有哪些?哪个好
小程序的开发方式丰富多元,开发团队可根据自身的技术背景、项目具体需求以及资源状况,灵活挑选最为适宜的开发路径。以下将详细介绍几种主流的小程序开发方式。
674 1
|
8月前
|
移动开发 小程序 前端开发
小程序快速开发平台有哪些?
小程序开发并非“一刀切”,需结合技术储备、资金预算、时间规划及功能需求等多维度因素综合考量。以下为您详细拆解五种主流开发方案及其适用场景,助您精准匹配开发路径。
471 3
|
8月前
|
移动开发 小程序 前端开发
小程序开发平台有哪些?小程序开发制作软件推荐
小程序开发方案全解析:5种主流方式与选择指南 小程序开发需根据技术能力、预算、时间及功能需求综合决策。以下为5种主流开发方案及适用场景分析:
26375 0
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
4294 7
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
4984 1
|
人工智能 自然语言处理 小程序
技术小白如何利用DeepSeek半小时开发微信小程序?
通过通义灵码的“AI程序员”功能,即使没有编程基础也能轻松创建小程序或网页。借助DeepSeek V3和R1满血版模型,用户只需用自然语言描述需求,就能自动生成代码并优化程序。例如,一个文科生仅通过描述需求就成功开发了一款记录日常活动的微信小程序。此外,通义灵码还提供智能问答模式,帮助用户解决开发中的各种问题,极大简化了开发流程,让普通人的开发体验更加顺畅。
4001 11
技术小白如何利用DeepSeek半小时开发微信小程序?