【埋点探针】微信小程序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前端监控埋点系统】

相关推荐
汤姆yu1 小时前
基于微信小程序的学校招生系统
微信小程序·小程序·招生小程序
说私域8 小时前
基于开源AI智能名片链动2+1模式的S2B2C商城小程序:门店私域流量与视频号直播融合的生态创新研究
人工智能·小程序·开源
说私域11 小时前
传统微商困境与开源链动2+1模式、AI智能名片及S2B2C商城小程序的转型破局
人工智能·小程序·开源
一渊之隔11 小时前
微信小程序在用户拒绝授权后无法使用wx.opensetting再次获取定位授权
微信小程序·小程序
racerun14 小时前
微信小程序如何实现再多个页面共享数据
微信小程序·小程序
XM-545815 小时前
2025微信小程序wxapkg解包全攻略
linux·运维·小程序
HERR_QQ2 天前
【unify】unify的微信小程序开发学习 (to be continued)
学习·微信小程序·小程序
racerun2 天前
小程序导航设置更多内容的实现方法
小程序
说私域2 天前
基于开源AI智能名片链动2+1模式S2B2C商城小程序的超级文化符号构建路径研究
人工智能·小程序·开源
mg6682 天前
微信小程序入门实例_____快速搭建一个快递查询小程序
微信小程序·小程序