【埋点探针】UniApp-SDK安装

一步一个脚印一个坑 7月前 ⋅ 888 阅读
ad

一、下载UniApp-SDK埋点代码

1. 选择UniApp,复制sdk代码

2. 在项目根目录下,创建sdk文件,webfunny.event.js

二、在App.vue文件中,引入埋点SDK代码

1. 首先引入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: () => { } }
	    }
	}

3. 一般获取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

Webfunny专注于前端监控系统,前端埋点系统的研发。 致力于帮助开发者快速定位问题,帮助企业用数据驱动业务,实现业务数据的快速增长。支持H5/Web/PC前端、微信小程序、支付宝小程序、UniApp和Taro等跨平台框架。实时监控前端网页、前端数据分析、错误统计分析监控和BUG预警,第一时间报警,快速修复BUG!支持私有化部署,Docker容器化部署,可支持千万级PV的日活量!

  点赞 0   收藏 0
  • 一步一个脚印一个坑
    共发布126篇文章 获得4个收藏
全部评论: 0