微信小程序-使用友盟统计方法篇

有的时候，运营人员想要统计查看小程序的一些用户使用习惯等数据，做好运营，需要前端进行统计分析，目前我用的比较多的三方统计工具就是百度统计和友盟统计，今天就写一下在小程序怎么使用友盟统计。

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

5.自定义事件添加流程

进入U-MiniProgram后台“自定义事件”页面，点击“事件管理”；

点击“添加事件”，输入小程序埋点的事件ID和名称；

返回小程序自定义事件页面查看该事件数据。