有的时候,运营人员想要统计查看小程序的一些用户使用习惯等数据,做好运营,需要前端进行统计分析,目前我用的比较多的三方统计工具就是百度统计和友盟统计,今天就写一下在小程序怎么使用友盟统计。
1.在官方网站去注册一个账号(官方地址:www.umeng.com)
2.在小程序里面使用npm的方式执行:npm install umtrack-wx --save
提示:很多人可能直接命令行npm,但是这样是有问题的,小程序使用npm参考官方文档(https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html)
3.在app.js文件内,添加如下代码,即可进行基础的统计:
1.安装SDK
npm install umtrack-wx --save
注:在微信小程序内使用npm请参考https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html
2.集成
在app.js文件内,添加如下代码,即可进行基础指标的统计:
import uma from 'umtrack-wx';
App({
umengConfig: {
appKey: 'YOUR_UMENG_APPKEY', //由友盟分配的APP_KEY
// 使用Openid进行统计,此项为false时将使用友盟+uuid进行用户统计。
// 使用Openid来统计微信小程序的用户,会使统计的指标更为准确,对系统准确性要求高的应用推荐使用Openid。
useOpenid: true,
// 使用openid进行统计时,是否授权友盟自动获取Openid,
// 如若需要,请到友盟后台"设置管理-应用信息"(https://mp.umeng.com/setting/appset)中设置appId及secret
autoGetOpenid: false,
debug: true, //是否打开调试模式
uploadUserInfo: true // 自动上传用户信息,设为false取消上传,默认为false
},
globalData: {
uma // 请将uma模块绑定在gloabalData下,以便后续使用}
});
**注意:切记一定要正确设置umengConfig,不要拼写错误
3.使用 OpenID(可选)
当useOpenid: true时
方法一:开启autoGetOpenid: true并在友盟后台"设置管理-应用信息"(https://mp.umeng.com/setting/appset)中设置有效appId及secret信息,授权友盟自动获取Openid
umengConfig: {
appKey: 'YOUR_UMENG_APPKEY', //由友盟分配的APP_KEY
useOpenid: true,
// 授权友盟+通过后台自动获取openid,可防止数据统计过程中因未采集到OpenID而造成数据丢失的情况。
// 开启后请到友盟后台"设置管理-应用信息"(https://mp.umeng.com/setting/appset)中设置中添加appId及secret信息
autoGetOpenid: true
}
})
方法二:若未开启autoGetOpenid: true自动获取OpenId,开发者需要额外添加代码上传Openid,否则数据不会上报
// 开启后必须额外添加代码上传Openid,否则数据不会上报
wx.uma.setOpenid(openid)
//参数:
id(string): 开发者获取到的用户openid
返回值:
无
4.增加友盟+数据服务域名
在微信开发者后台添加request合法域名:https://umini.shujupie.com
操作步骤:登录微信公众平台,进入小程序的 设置->开发->开发设置->服务器域名,
把 https://umini.shujupie.com 加入 request合法域名
统计某一个按钮的点击事件,在点击事件中加入:
wx.uma.trackEvent('事件ID'); //事件ID需在官网申请,长度在128个字符内
统计带属性的事件则使用:
wx.uma.trackEvent('事件ID', { '属性1':'属性值1','属性2':'属性值2' });
// 字符型属性值
wx.uma.trackEvent('ViewProductDetails', { 'Category':'家电','ItemName':'西门子冰箱' });
// 数值型属性值
wx.uma.trackEvent('Pay', { 'PayAmount':6999 });