Webfunny 前端监控系统
- 简介
- 快速开始
- 正式部署
- 探针 sdk
- 功能教程
- 通用配置
- 应用设置
- API
- 登录注册
- 权限控制
- 关键数据
- 常见问题
Webfunny 埋点系统
- 快速开始
- 正式部署
- 探针(SDK)安装
- 使用教程
- 权限控制
- 其他
文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
小程序、uni-app 埋点 SDK 集成
Webfunny现在支持微信小程序、uni-app的埋点探针了,两个平台集成探针的方式很相似
一、微信小程序的集成
(1)如何下载对应点位的SDK如下图操作
打开菜单中“SDK发布”,进入列表中的详情页
下载Wechat探针代码:
(2)下载对应的wechat sdk后,复制SDK代码。在小程序项目的 utils 目录下创建一个js文件,命名为:webfunny-track.wx.umd.js,并将SDK代码复制到这个文件中保存。
(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如下图操作
打开菜单中“SDK发布”,进入列表中的详情页
下载Uniapp探针代码:
(2)下载对应的uniapp sdk后,复制SDK代码。在uni app项目的 utils 目录下创建一个js文件,命名为:webfunny-track.uni.umd.js,并将SDK代码复制到这个文件中保存。
(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);
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论