uni-app浙政钉H5项目埋点
- 稳定性监控
注意：直接把下面的代码复制到自己项目的public/index.html下
文章图片
- 流量分析
（1）通用采集SDK
注意：同上，直接把下面的代码复制到自己项目的public/index.html下，跟在稳定性监控代码下面
文章图片
（2）基础埋点和用户信息埋点
注意：1.新建一个名叫zzdmd.js文件，把下面的代码全部拷贝进去
文章图片
/* eslint-disable */
export function setMd (page_id, page_name, page_url, _user_nick, _user_id) {
aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['_hold', 'BLOCK']
})
// 用户信息埋点----------------------------------------
// 单页应用 或 “单个页面”需异步补充PV日志参数还需进行如下埋点 ------
/* eslint-disable-next-line */
aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['aplus-waiting', 'MAN']
});
/* eslint-disable-next-line */
aplus_queue.push({
'action': 'aplus.sendPV',
'arguments': [{
is_auto: false
}, {
// 当前你的应用信息，此两行按应用实际参数修改，不可自定义。
sapp_id: '需要自行替换',
sapp_name: '需要自行替换',
page_id: page_id, // 可以用this.$route.meta.pagePath代替
page_name: page_name, // 可以用this.$route.meta.name代替
page_url: page_url // 可以用this.$route.meta.pagePath代替
}]
})
// 设置会员昵称
/* eslint-disable-next-line */
aplus_queue.push({
action: "aplus.setMetaInfo",
arguments: ["_user_nick", _user_nick] // 需替换为当前登录的浙政钉用户名字，uni.getStorageSync('userInfo').employeeName
})
// 设置会员ID
/* eslint-disable-next-line */
aplus_queue.push({
action: "aplus.setMetaInfo",
arguments: ["_user_id", _user_id] // 需替换为当前登录的浙政钉用户id，uni.getStorageSync('userInfo').employeeCode)
})
/* eslint-disable-next-line */
aplus_queue.push({
action: "aplus.setMetaInfo",
arguments: ["_dev_id", "yourDeviceId"]
})
// 如采集用户信息是异步行为，需要先设置完用户信息后再执行这个START埋点
// 此时被block住的日志会携带上用户信息逐条发出
/* eslint-disable-next-line */
aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['_hold', 'START']
});
}
文章图片
注意：2.新建一个zzdmdmx.js文件
文章图片
/* eslint-disable */
import { setMd } from '@/common/zzdmd.js'export default {
data () {
return {
userInfo: {},
age: 0
}
},
onLoad() {
this.userInfo=uni.getStorageSync('userInfo')
this.zzdmdStart()
// console.log('route',this.$route)
},
methods: {
zzdmdStart () {
setMd('jnsqss_' + this.$route.meta.pagePath,this.$route.meta.name,this.$route.meta.pagePath,uni.getStorageSync('userInfo').employeeName,uni.getStorageSync('userInfo').employeeCode)
}
}
}
注意：3.新建一个mixin.js文件
文章图片
export default {
data() {
return {}
}
}
注意：4.main.js引用上面的文件
文章图片
import zzdmdmx from '@/common/zzdmdmx.js'
import mixin from './common/mixin'
Vue.mixin(zzdmdmx)
Vue.mixin(mixin)3.检查埋点是否成功
注意：状态码为200则稳定性埋点成功，page_id, page_name, page_url, _user_nick, _user_id等值赋值成功说明流量分析埋点成功【uni-app浙政钉H5项目埋点】
文章图片
文章图片
推荐阅读
- uni-app|uni-app中使用自定义组件全局化.....
- javascript|uni-app 公共请求方法封装
- vue|uni-app网络请求封装（完整版）
- flutter|跨平台开发方案调研
- 食梦者|食梦者 | 顾浙（裸人）
- uni-app|uniapp加载leaflet地图
- Uni-app 小程序开发完美适配刘海屏的Appbar方案
- uni-app底部导航栏设置
- uni-app|uniapp二维码识别
- uni-app开发经验分享- 路由、通信、开发中遇到的问题