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);

 

專注於微信小程序、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)

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章