美文网首页
微信小程序接入友盟统计

微信小程序接入友盟统计

作者: 北暖37 | 来源:发表于2020-12-29 16:21 被阅读0次

由于在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

相关文章

  • 微信小程序接入友盟统计

    由于在iOS14系统以上或者某些系统较高的安卓手机上,微信小程序会提示xxx读取了你的剪切板内容,给用户不好的体验...

  • uniapp中微信小程序接入友盟

    一、在友盟平台新建小程序应用(建好之后会得到appkey) 二、工程代码接入SDK 1.安装友盟微信sdk 2.在...

  • Android第三方登陆微信接入bug精华

    接入流程官方上有,不作介绍是以下是友盟微信登陆接入的过程中遇到的一下Bug 问题基于=>友盟sdk的版本是:6.0...

  • 异常定位实践 2022-05-27 周五

    友盟 这个时间点,友盟的异常统计模块叫做U-APM接入之后,发现很不好用。 从友盟后台看到的crash文件数量远远...

  • 一篇文章为你深度解析HTTPS 协议

    一、微信小程序接入的困境 农历新年将至,微信小程序也如期发布,开发者在接入微信小程序过程中,会遇到以下问题: 小程...

  • 微信小程序

    制作微信小程序: A:微信小程序接入流程 注册:微信公众平台注册小程序,同步进行信息完善和开发 小程序信息完善:填...

  • 微信小程序学习

    学习网站 微信小程序接入指南

  • 微信集成高德地图

    微信小程序之:小程序接入高德地图SDK - 简书

  • iOS 友盟崩溃日志定位代码

    1、登录友盟移动统计后台,查看错误列表 如果还没接入U盟移动统计SDk,请先前往文档中心http://dev.um...

  • 友盟统计

    友盟统计接入 1.准备工作: 获取appkey:在友盟官网注册账号并添加应用,生成appkey。 2.集成: 2....

网友评论

      本文标题:微信小程序接入友盟统计

      本文链接:https://www.haomeiwen.com/subject/bbtqoktx.html