Webfunny前端埋点升级：支持微信小程序、uni-app埋点SDK集成

Webfunny现在支持微信小程序、uni-app的埋点探针了，两个平台集成探针的方式很相似

一、微信小程序的集成

（1）如何下载对应点位的SDK如下图操作

添加图片注释，不超过 140 字（可选）

（2）下载对应的wechat sdk后，复制SDK代码。在小程序项目的 utils 目录下创建一个js文件，命名为：webfunny-track.wx.umd.js，并将SDK代码复制到这个文件中保存。

添加图片注释，不超过 140 字（可选）

（3）在小程序项目中找到app.js文件，通过以下方式初始化SDK代码，并调用即可。

//1、在项目主入口app.js中添加如下代码
import "./utils/webfunny-track.wx.umd.js";

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: () => { } }
}
}
//2、调用方式为
//测试数据
const data = {
age: 20,
name: '张三'
}
wx.webfunnyEvent(10).trackEvent(data);

二、uni-app的SDK集成

（1）如何下载对应点位的SDK如下图操作

添加图片注释，不超过 140 字（可选）

（2）下载对应的uniapp sdk后，复制SDK代码。在uni app项目的 utils 目录下创建一个js文件，命名为：webfunny-track.uni.umd.js，并将SDK代码复制到这个文件中保存。

添加图片注释，不超过 140 字（可选）

（3）在uni app项目中找到main.js文件，通过以下方式初始化SDK代码，并调用即可。

//1、在项目主入口main.js中添加如下代码
import "./utils/webfunny-track.uni.umd.js";

uni.webfunnyEvent = function (pointId) {
if (uni._webfunnyEvent && typeof (uni._webfunnyEvent) === 'object') {

if(Object.prototype.hasOwnProperty.call(uni._webfunnyEvent, pointId)) {
return uni._webfunnyEvent[pointId];
} else {
console.warn('pointId error');
return { trackEvent: () => { } }
}
} else {
console.warn('please check SDK');
return { trackEvent: () => { } }
}
}
//2、调用方式为
//测试数据
const data = {
age: 20,
name: '张三'
}
uni.webfunnyEvent(10).trackEvent(data);

关于Webfunny

专注于微信小程序、H5前端、PC前端线上应用实时监控，实时监控前端网页、前端数据分析、错误统计分析监控和BUG预警，第一时间报警，快速修复BUG！支持私有化部署，容器化部署，可支持千万级PV的日活量！

Webfunny前端监控系统，纯私有化部署www.webfunny.cn

[ Webfunny现在支持微信小程序、uni-app的埋点探针了，两个平台集成探针的方式很相似](https://www.webfunny.cn/?source=juejin)
## 一、微信小程序的集成
（1）如何下载对应点位的SDK如下图操作
![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/2042bce83d514bb88483b5c76d0f31d0~tplv-k3u1fbpfcp-zoom-1.image)

（2）下载对应的wechat sdk后，复制SDK代码。在小程序项目的 utils 目录下创建一个js文件，命名为：webfunny-track.wx.umd.js，并将SDK代码复制到这个文件中保存。
![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/dac5635765624049982933ad4e5c9af9~tplv-k3u1fbpfcp-zoom-1.image)

（3）在小程序项目中找到app.js文件，通过以下方式初始化SDK代码，并调用即可。
```//1、在项目主入口app.js中添加如下代码import "./utils/webfunny-track.wx.umd.js";
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: () => { } } }}//2、调用方式为//测试数据 const data = { age: 20, name: '张三'}wx.webfunnyEvent(10).trackEvent(data);```
二、uni-app的SDK集成
（1）如何下载对应点位的SDK如下图操作
![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/d6042de554884231bb4f6ec32853e125~tplv-k3u1fbpfcp-zoom-1.image)

（2）下载对应的uniapp sdk后，复制SDK代码。在uni app项目的 utils 目录下创建一个js文件，命名为：webfunny-track.uni.umd.js，并将SDK代码复制到这个文件中保存。
![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/81a8f2376393411ca886848c194da035~tplv-k3u1fbpfcp-zoom-1.image)

（3）在uni app项目中找到main.js文件，通过以下方式初始化SDK代码，并调用即可。
```//1、在项目主入口main.js中添加如下代码import "./utils/webfunny-track.uni.umd.js";
uni.webfunnyEvent = function (pointId) { if (uni._webfunnyEvent && typeof (uni._webfunnyEvent) === 'object') { if(Object.prototype.hasOwnProperty.call(uni._webfunnyEvent, pointId)) { return uni._webfunnyEvent[pointId]; } else { console.warn('pointId error'); return { trackEvent: () => { } } } } else { console.warn('please check SDK'); return { trackEvent: () => { } } }}//2、调用方式为//测试数据 const data = { age: 20, name: '张三'}uni.webfunnyEvent(10).trackEvent(data);```
***
[### Webfunny](https://www.webfunny.cn/?source=juejin)[专注于微信小程序、H5前端、PC前端线上应用实时监控，实时监控前端网页、前端数据分析、错误统计分析监控和BUG预警，第一时间报警，快速修复BUG！支持私有化部署，容器化部署，可支持千万级PV的日活量！](https://www.webfunny.cn/?source=juejin)