适用范围

该文档适用于友盟+微信小程序统计SDK 2.3.2 及以上版本。

微信小程序统计SDK快速集成

1. 注册友盟+账号

登录友盟+官网,按照引导注册友盟+账号

特别提醒:我们建议开发者在注册账号时使用企业邮箱,避免使用个人邮箱注册,防止由于个人离职带来的问题,建议使用的账号形式 :umeng@企业域名、apps@企业域名、dev@企业域名

2. Appkey申请

进入小程序统计后台创建Appkey,按要求填写小程序名称及类型:

3. 创建微信小程序并接入SDK

3.1 安装SDK代码:

复制代码到剪切板

npm install umtrack-wx --save

3.2 集成

在app.js文件内,添加如下代码,即可进行基础指标的统计:代码:

复制代码到剪切板

import 'umtrack-wx';

App({

umengConfig: {

appKey: 'YOUR_UMENG_APPKEY', //由友盟分配的APP_KEY

useOpenid: false, // 是否使用openid进行统计,此项为false时将使用友盟+随机ID进行用户统计。使用openid来统计微信小程序的用户,会使统计的指标更为准确,对系统准确性要求高的应用推荐使用OpenID。

autoGetOpenid: false, // 是否需要通过友盟后台获取openid,如若需要,请到友盟后台设置appId及secret

debug: true, //是否打开调试模式

uploadUserInfo: true // 自动上传用户信息,设为false取消上传,默认为false

}

});注意:切记一定要正确设置umengConfig,不要拼写错误

3.3 使用 OpenID(可选)

当useOpenid: true时

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

复制代码到剪切板

// 开启后必须额外添加代码上传OpenID,否则数据不会上报

wx.uma.setOpenid(openid)

参数:id(string): 开发者获取到的用户openid

返回值:无

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

复制代码到剪切板

App({

umengConfig: {

appKey: 'YOUR_UMENG_APPKEY', //由友盟分配的APP_KEY

useOpenid: true,

// 授权友盟+通过后台自动获取openid,可防止数据统计过程中因未采集到OpenID而造成

// 数据丢失的情况。开启后请到友盟+小程序应用设置中添加appId及secret信息

autoGetOpenid: true

}

})

3.4 增加友盟+数据服务域名

在微信开发者后台添加request合法域名:umini.shujupie.com

操作步骤:登录微信公众平台,进入小程序的 设置->开发->开发设置->服务器域名,把 umini.shujupie.com 加入 request合法域名,如图:

3.5 demo

高级功能

如需使用其他API,需要添加如下代码:代码:

复制代码到剪切板

import uma from 'umtrack-wx';

App({

umengConfig: {

appKey: 'test5d886faf4ca357bfc900',

useOpenid: true,

autoGetOpenid: false,

debug: true

},

globalData: {

uma // 请将uma模块绑定在gloabalData下,以便后续使用

}

});

1. setUnionid

开发者自行设置用户的unionid代码:

复制代码到剪切板

setUnionid(id)

参数:id(string): 开发者获取到的用户unionid

返回值:无

2. 自定义事件代码:

复制代码到剪切板

trackEvent(eventId, params)

参数:id(string): 事件ID需在官网申请,长度在128个字符内

params(object|string):object不能为数组

当params为object类型时,每个key长度不能超过256个字符

当params为object类型时,其携带key的个数不能超过100个

存在规则不合法情况时,丢弃整条事件

返回值:

* 无

2.1 仅统计事件,无属性时,使用如下方法:代码:

复制代码到剪切板

wx.uma.trackEvent('事件ID');

2.2 统计带属性的事件时,使用如下方法:代码:

复制代码到剪切板

wx.uma.trackEvent('事件ID', { '属性1':'属性值1','属性2':'属性值2' });

// 字符型属性值

wx.uma.trackEvent('ViewProductDetails', { 'Category':'家电','ItemName':'西门子冰箱' });

// 数值型属性值

wx.uma.trackEvent('Pay', { 'PayAmount':6999 });注意:params为object类型时,属性值仅支持字符串和数值两种类型;

请在App.onLaunch之后调用事件。

2.3 自定义事件添加流程进入U-MiniProgram后台“自定义事件”页面,点击“事件管理”;

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

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

3. 设置应用用户ID

当用户在您的小程序上注册以后,您的应用服务端会在用户数据库里添加一条记录并且分配一个用户ID,可以通过 setUserid 接口设置该用户ID,以便后续做数据打通或基于应用用户ID做计算时使用。代码:

复制代码到剪切板

setUserid(userId, provider)

参数:userId(string): 您的应用为用户生成的唯一IDprovider(string): ID提供方,兼容老接口使用,无特殊需要应忽略该参数返回值:无示例:代码:

复制代码到剪切板

wx.uma.setUserid('custom_userid');

4. 上传用户信息

开发者可通过在配置中添加 uploadUserInfo: true 选项来使友盟自动上报用户信息。将 uploadUserInfo 设置为 false 则取消上报用户信息。上传的用户信息为小程序平台公开可获取的用户基础信息,例如昵称、头像、性别、地区、语言等,这些信息将用于U-MiniProgram产品中与用户相关的功能统计中。示例:代码:

复制代码到剪切板

import 'umtrack-wx';

App({

umengConfig: {

appKey: 'YOUR_UMENG_APPKEY', //由友盟分配的APP_KEY

useOpenid: false, // 是否使用openid进行统计,此项为false时将使用友盟+随机ID进行用户统计。使用openid来统计微信小程序的用户,会使统计的指标更为准确,对系统准确性要求高的应用推荐使用OpenID。

autoGetOpenid: false, // 是否需要通过友盟后台获取openid,如若需要,请到友盟后台设置appId及secret

debug: true, //是否打开调试模式

uploadUserInfo: true // 自动上传用户信息,设为false取消上传,默认为false

}

});

SDK成功接入验证方法

该方案仅提供验证是否集成成功的方法,由于在开发环境下可能会存在数据不完整的情况,请您正式发布小程序后在验证数据正确性。按照上述描述方法引入SDK;

进入IDE打开调试工具中的console选项,若看到有 [umeng] -- 集成SDK成功提示 即表示SDK集成成功。

说明事项慎重调用wx.clearStorage()以及wx.clearStorageSync()接口!SDK会将用户相关操作数据缓存在客户端数据存储模块,在特定时间启动发送策略。若调用该接口可导致数据统计不准确的问题;

若用户在使用小程序过程强制关闭微信有可能会造成统计数据丢失的情况。

第三方框架支持uniapp

taro

chameleon

mpvue

wepy2

微信小游戏目前只有2.2.0及以上版本的SDK才支持以上第三方框架

视频引导

FAQ:Q: 注册应用时,提示应用名称已存在

A:【友盟+】后台的应用名与实际应用名和包名无关,建议命名为应用名+平台,例如:友盟+小程序(微信)、友盟+小程序(支付宝)

Q: 我忘记我的Appkey了,在哪里能查到

A:进入小程序统计-应用设置页面,可看到当前小程序的Appkey

android集成友盟u app,友盟U-Mini小程序集成指南相关推荐

  1. SAP成都研究院大卫哥:SAP C4C中国本地化之微信小程序集成

    今天的文章来自Wu David,SAP成都研究院C4C开发团队的架构师,在加入团队之前曾经在SAP上海研究院工作,组内同事习惯亲切地称呼他为大卫哥. 大卫哥身高据Jerry目测有1米8以上,是成都C4 ...

  2. 如何给APP开发属于自己的小程序

    前言   工欲善其事,必先利其器.   首先,我们需要知道微信小程序是什么?微信小程序内核是什么?微信小程序的开发语言什么?这样才能更好的开发微信小程序,以及解决遇到的问题. 一.微信小程序是什么 微 ...

  3. 小程序集成网易云通信群聊功能Demo发布

    前端代码是可以直接使用的,获取后端代码加微信13439975582 功能实现说明: 1.小程序生命周期完美整合 2.消息小红点,群聊小红点代码实现都实现了 3.历史信息回放 4.小程序帐号集成 代码都 ...

  4. 【毕业设计之微信小程序系列】基于APP的微信点餐小程序的设计与实现

    基于APP的微信点餐小程序的设计与实现 摘 要 本文介绍了一种基于APP的微信点餐小程序的设计与实现方法.该系统利用微信公众号作为用户入口,用户可以通过微信扫码进入点餐系统,选择菜品.下单.支付等操作 ...

  5. APP 抓包和微信小程序抓包-Charles 的精简使用教程

    APP 抓包和微信小程序抓包-Charles 的精简使用教程 2021-09-25 更新 2019-07-10 更新 目标 教程 一.安装 Charles 二.Charles 简介 (1)Charle ...

  6. APP自动化_操作微信小程序/H5页面实现自动化_多终端并行

    APP自动化_混合App自动化理论相关 原理:本质是混合app,应该用切入webview的方法去自动化web页面. 现状:目前由于技术原因无法切到webview中做自动化. 方案:采用原生app自动方 ...

  7. 小程序集成极光IM sendSocketMessage:fail WebSocket is not connected解决办法

    小程序集成极光IM sendSocketMessage:fail WebSocket is not connected解决办法 问题.小程序报了异常 sendSocketMessage:fail We ...

  8. netease-im网易云通信小程序集成实践+群组功能完善

    在微信里放一个IM,被指定放网易云通信.这次实践是一场非常虐心的体验,虽然集成网易云通信有官方资料参考,也有官方的demo参考,但是踩的坑也不少. 一.不完全是技术问题 消息漫游需要联系商务开通 二. ...

  9. 支付宝小程序集成MQTT

    支付宝小程序集成MQTT 1. 前言 ​ 由于支付宝只支持websocket连接,在尝试了很多npm安装mqtt亦或是使用paho-mqtt.js.重新编译过后的mqtt.js多方无果后,最终决定自己 ...

  10. 微信小程序集成腾讯IM,实现实时音视频通话,1V1聊天

    相关文章: 1.小程序聊天群,发送语音,文字,图片. 2.微信小程序集成腾讯IM,实现实时音视频通话,1V1聊天 3.云开发微信小程序聊天群 4.接入网易云信IM即时通讯的微信小程序聊天室 5.微信小 ...

最新文章

  1. 提高DB2数据库Web程序性能的两条规则
  2. Java实现遍历N级树形目录结构
  3. Exchange Reporter Plus概述
  4. springboot基于BS结构的企业人事管理系统的设计与实现毕业设计源码121727
  5. 速卖通+奇门+聚石塔+官方场景/自定义场景流程备忘录
  6. Windows Server 2003 报错:”NTDETECT 失败“ 和 “文件或目录损坏且无法读取,请运行chkdsk工具”
  7. 洛谷 P1007 独木桥 思维
  8. CAD转JPG图片,在线转换成高质量彩色图片
  9. C# 调用外部exe程序,出现已停止工作
  10. sql数据库如何读取数据
  11. Multisim基础 带锁型按钮开关 添加元件的位置
  12. 手摸手教学之:梳理数据指标体系
  13. deepin 15.11 - xmind8的安装
  14. [博学谷学习记录]超强总结,用心分享|架构 Nacos入门
  15. 基于seq2seq的中国古诗词自动生成技术
  16. 怎样用matlab产生泊松分布随机数
  17. 数字游戏 (number)
  18. 我们一起学linux之V4L2摄像头应用流程
  19. Infernet服务器为空怎么办,电脑internet页面空白怎么办?
  20. 明天你好,声音多渺小

热门文章

  1. 社区服务器目录迁移实际开发运用
  2. 网络层协议介绍与概述
  3. 不带头结点的单链表c语言,数据结构:C语言实现----不带头结点单链表总结
  4. GPG(GnuPG)的安装和使用
  5. 像微信一样简单的智能健身房
  6. StringBuffer的使用
  7. Wave(.wav)文件格式
  8. HDU 2708.Vertical Histogram
  9. ZGC学习笔记:ZGC简介和JDK17对ZGC的优化
  10. 【论文极速看】ERNIE-VIL 一种基于场景图解析的多模态表征方法