微信小程序接入友盟统计

由于在iOS14系统以上或者某些系统较高的安卓手机上，微信小程序会提示xxx读取了你的剪切板内容，给用户不好的体验，然后看微信开放社区有同样问题困惑的问题，是由于getClipboardData，这个方法导致，不仅仅是wx.getClipboardData会导致问题，也有可能是第三方sdk中引入了getClipboardData方法导致

搜索小程序项目发现，是百度统计中使用了getClipboardData这个方法，百度统计中没有提供具体的解决方案，看到微信开放中心中，有同学提出，友盟统计有字段控制是否弹窗剪切板内容的框，所以由百度统计切换为友盟统计。

1、首先要有友盟账号，没有的话，可以官网注册http://www.umeng.com

2、添加小程序，获得Appkey

1.png

3、接入sdk
3.1安装sdk

npm install umtrack-wx  --save

在微信小程序内使用npm请参考https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html
3.1.1如果项目中暂时没有使用npm
1、根目录执行 npm init，

2.png

2、此时再安装sdk
3、微信开发者工具构建npm

3.png

点击构建之后，项目会自动帮我们进行构建，然后会多出一个miniprogram_npm文件夹

4.png

4、勾选“使用 npm 模块”选项

5.png

3.2集成

import 'umtrack-wx';

App({
  umengConfig: {
    appKey: 'YOUR_UMENG_APPKEY', //由友盟分配的APP_KEY
    useOpenid: true, // 是否使用openid进行统计，此项为false时将使用友盟+随机ID进行用户统计。使用openid来统计微信小程序的用户，会使统计的指标更为准确，对系统准确性要求高的应用推荐使用OpenID。
    autoGetOpenid: true, // 是否需要通过友盟后台获取openid，如若需要，请到友盟后台设置appId及secret
    debug: true, //是否打开调试模式
    uploadUserInfo: true // 上传用户信息，上传后可以查看有头像的用户分享信息，同时在查看用户画像时，公域画像的准确性会提升。
  }
});

3.3使用 OpenID（可选）
当useOpenid: true时

方法一：开发者需要额外添加代码上传openid，否则数据不会上报

// 开启后必须额外添加代码上传OpenID，否则数据不会上报
wx.uma.setOpenid(openid)

方法二：开启autoGetOpenid: true并在友盟后台设置有效appId及secret信息。友盟后台配置地址：https://mp.umeng.com/setting/appset

**方法二：**开启`autoGetOpenid: true`并在友盟后台设置有效appId及secret信息。友盟后台配置地址：[https://mp.umeng.com/setting/appset](https://mp.umeng.com/setting/appset)

3.4增加友盟+数据服务域名
在微信开发者后台添加request合法域名：umini.shujupie.com

6.png

3.5 SDK配置项总结及注意事项，参考【 https://developer.umeng.com/docs/147615/detail/147619】

3.5高级功能
使用其他api

import uma from 'umtrack-wx';

App({
  umengConfig: {
    appKey: 'test5d886faf4ca357bfc900',
    useOpenid: true,
    autoGetOpenid: false,
    debug: true
  },
  globalData: {
    uma // 请将uma模块绑定在gloabalData下，以便后续使用
  }
});

3.5.1自定义事件

trackEvent(eventId, params)
// 统计带属性
wx.uma.trackEvent('事件ID', { '属性1':'属性值1','属性2':'属性值2' });

// 字符型属性值
wx.uma.trackEvent('ViewProductDetails', { 'Category':'家电','ItemName':'西门子冰箱' });

// 数值型属性值
wx.uma.trackEvent('Pay', { 'PayAmount':6999 });

参考链接：https://developers.weixin.qq.com/community/develop/doc/000ace18cb825802dcca1f2f95b400
https://developer.umeng.com/docs/147615/detail/147619
https://www.cnblogs.com/niceyoo/p/13526766.html