一、下载微信小程序SDK埋点代码

1. 选择Wechat，复制sdk代码

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

二、在app.js文件中，引入埋点SDK代码

1. 首先引入sdk代码

require("./webfunny.event.js")

2. 引入兼容代码，兼容代码是为了防止SDK加载失败时，避免埋点代码可能因找不到方法的问题。需要手动执行，在代码最开始的地方执行一次即可。

// 兼容代码
wx.webfunnyEvent = function (pointId) {if (wx._webfunnyEvent && typeof (wx._webfunnyEvent) === 'object') {if(Object.prototype.hasOwnProperty.call(wx._webfunnyEvent, pointId)) {return wx._webfunnyEvent[pointId];} else {console.warn('pointId error');return { trackEvent: () => { } }}} else {console.warn('please check SDK');return { trackEvent: () => { } }}
}

3. 一般获取userId需要在登录之后，这一步可以延迟执行

// 传入业务信息
wx.setStorageSync('wmUserInfo', JSON.stringify({userId: '189xxxxxx19', // 身份标识，可以是：身份证号、手机号、userIduserTag: 'tag', // 用户标签，可以是：某公司、某地方、某品牌projectVersion: '1.0.1', // 项目版本号env: 'pro', // 环境变量，可以是：dev、sit、stag、proplatform: '' // 平台，可以是：web、app、小程序
}))

三、上报点位数据

埋点SDK引入后，则可以开始上报点位信息了。

点位上报十分方便，只需要将下边的点位信息复制下来，放入代码中即可。

四、测试验证

点位上报完成后，可以在点位测试里验证是否上报成功了。选择点位后，如果能搜索出结果，则说明点位上报成功了。

如果你是前端工程师同学，对埋点系统想要实操，欢迎试用体验【webfunny前端监控埋点系统】。