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

相关推荐
毛毛三由8 小时前
【uniapp】微信小程序修改按钮样式
微信小程序·小程序·uni-app
qtkj66998 小时前
上门养老小程序源码 uniapp PHP MySQL
小程序·宠物
三翼鸟数字化技术团队9 小时前
本地开发环境获取远程App端环境-研发提效小技巧
websocket·微信小程序
知识分享小能手11 小时前
微信小程序入门学习教程,从入门到精通,项目实战:美妆商城小程序 —— 知识点详解与案例代码 (18)
前端·学习·react.js·微信小程序·小程序·vue·前端技术
不太会写15 小时前
又开始了 小程序定制
vue.js·spring boot·python·小程序
说私域15 小时前
基于开源AI智能名片链动2+1模式S2B2C商城小程序的互联网运营体系化研究
人工智能·小程序
2501_9160074716 小时前
iOS 26 软件性能测试 新版系统下评估全流程 + 多工具辅助方案
android·macos·ios·小程序·uni-app·cocoa·iphone
00后程序员张16 小时前
Swoole HTTPS 实战,在生产环境部署、性能权衡与排查流程
后端·ios·小程序·https·uni-app·iphone·swoole
從南走到北17 小时前
智尚房产中介小程序
微信小程序·小程序
LawsonJin19 小时前
springboot实现微信小程序支付(服务商和普通商户模式)
spring boot·后端·微信小程序