给大家分享**webfunny埋点系统**最新功能更新——【埋点探针】UniApp-SDK安装,按照下面步骤开始操作吧
一、下载UniApp-SDK埋点代码
-
选择UniApp,复制sdk代码
-
在项目根目录下,创建sdk文件,webfunny.event.js
二、在App.vue文件中,引入埋点SDK代码
- 首先引入sdk代码
require("./webfunny.event.js")
2. 引入兼容代码,兼容代码是为了防止SDK加载失败时,避免埋点代码可能因找不到方法的问题。需要手动执行,在代码最开始的地方执行一次即可。
// 兼容代码
uni.webfunnyEvent = function (pointId) {
if (uni._webfunnyEvent && typeof (uni._webfunnyEvent) === 'object') {
if(Object.prototype.hasOwnProperty.call(uni._webfunnyEvent, pointId)) {
return uni._webfunnyEvent[pointId];
} else {
console.warn('pointId error');
return { trackEvent: () => { } }
}
} else {
console.warn('please check SDK');
return { trackEvent: () => { } }
}
}
- 一般获取userId需要在登录之后,这一步可以延迟执行
// 传入业务信息
uni.setStorageSync('wmUserInfo', JSON.stringify({
userId: '189xxxxxx19', // 身份标识,可以是:身份证号、手机号、userId
userTag: 'tag', // 用户标签,可以是:某公司、某地方、某品牌
projectVersion: '1.0.1', // 项目版本号
env: 'pro', // 环境变量,可以是:dev、sit、stag、pro
platform: '' // 平台,可以是:web、app、小程序
}))
三、上报点位数据
埋点SDK引入后,则可以开始上报点位信息了。
点位上报十分方便,只需要将下边的点位信息复制下来,放入代码中即可。
四、测试验证
点位上报完成后,可以在点位测试里验证是否上报成功了。选择点位后,如果能搜索出结果,则说明点位上报成功了。
写在最后,欢迎试用体验【webfunny前端监控埋点系统】。