【埋点探针】微信小程序SDK安装

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

  1. 选择Wechat,复制sdk代码

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

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

  1. 首先引入sdk代码
clike 复制代码
require("./webfunny.event.js")
  1. 引入兼容代码,兼容代码是为了防止SDK加载失败时,避免埋点代码可能因找不到方法的问题。需要手动执行,在代码最开始的地方执行一次即可。
clike 复制代码
// 兼容代码
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: () => { } }
  }
}
  1. 一般获取userId需要在登录之后,这一步可以延迟执行
clike 复制代码
// 传入业务信息
wx.setStorageSync('wmUserInfo', JSON.stringify({
  userId: '189xxxxxx19', // 身份标识,可以是:身份证号、手机号、userId
  userTag: 'tag', // 用户标签,可以是:某公司、某地方、某品牌
  projectVersion: '1.0.1', // 项目版本号
  env: 'pro', // 环境变量,可以是:dev、sit、stag、pro
  platform: '' // 平台,可以是:web、app、小程序
}))

三、上报点位数据

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

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

四、测试验证

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

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

相关推荐
HERR_QQ11 小时前
【unify】unify的微信小程序开发学习 (to be continued)
学习·微信小程序·小程序
racerun19 小时前
小程序导航设置更多内容的实现方法
小程序
说私域19 小时前
基于开源AI智能名片链动2+1模式S2B2C商城小程序的超级文化符号构建路径研究
人工智能·小程序·开源
mg66819 小时前
微信小程序入门实例_____快速搭建一个快递查询小程序
微信小程序·小程序
程序员柳20 小时前
基于微信小程序的校园二手交易平台、微信小程序校园二手商城源代码+数据库+使用说明,layui+微信小程序+Spring Boot
数据库·微信小程序·layui
Jyywww1211 天前
微信小程序学习笔记
笔记·学习·微信小程序
The_era_achievs_hero1 天前
微信小程序41~50
微信小程序·小程序
走,带你去玩1 天前
uniapp 微信小程序水印
微信小程序·小程序·uni-app
是一碗螺丝粉1 天前
🔥 微信H5视频自动播放终极秘籍:WeixinJSBridge竟是官方“通行证”?
微信小程序