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

相关推荐
2501_915106325 分钟前
iOS 26 能耗监测全景,Adaptive Power、新电池视图
android·macos·ios·小程序·uni-app·cocoa·iphone
Stanford_11062 小时前
关于嵌入式硬件需要了解的基础知识
开发语言·c++·嵌入式硬件·微信小程序·微信公众平台·twitter·微信开放平台
明月(Alioo)2 小时前
用AI帮忙,开发刷题小程序:软考真经微信小程序API接口文档(更新版)
微信小程序·小程序
克里斯蒂亚诺更新8 小时前
微信小程序的页面生命周期 以及onShow的应用场景
微信小程序·小程序
江城开朗的豌豆10 小时前
小程序避坑指南:这些兼容性问题你遇到了几个?
前端·javascript·微信小程序
江城开朗的豌豆10 小时前
玩转小程序页面跳转:我的路由实战笔记
前端·javascript·微信小程序
00后程序员张11 小时前
苹果软件混淆的工程逻辑,从符号空间到资源扰动的体系化实现
android·ios·小程序·https·uni-app·iphone·webview
zluz_19 小时前
微信小程序,组件中使用全局样式
微信小程序·小程序
明月(Alioo)21 小时前
用AI帮忙,开发刷题小程序:微信小程序中实现Markdown图片解析与渲染功能详解
微信小程序·小程序·aigc
aiguangyuan1 天前
微信小程序中的双线程模型及数据传输优化
微信小程序·前端开发