uniapp微信小程序接入友盟

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

uniapp微信小程序接入友盟_第1张图片

二、在友盟平台新建小程序应用(建好之后会得到appkey)

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

uniapp微信小程序接入友盟_第2张图片

三、在微信小程序中接入SDK ---- 以下是npm 配置

1. 安装友盟微信sdk

npm install umtrack-wx@latest --save

2. 配置

        由于使用的是uniapp,所以不能按照官方给出的方式来配置

我们在 main.js 文件中加入以下代码

//接入友盟统计
import uma from "umtrack-wx";
uma.init({
  appKey: '你在友盟创建的程序key', //由友盟分配的APP_KEY
  // 使用Openid进行统计,此项为false时将使用友盟+uuid进行用户统计。
  // 使用Openid来统计微信小程序的用户,会使统计的指标更为准确,对系统准确性要求高的应用推荐使用Openid。
  useOpenid: true,
  // 使用openid进行统计时,是否授权友盟自动获取Openid,
  // 如若需要,请到友盟后台"设置管理-应用信息"(https://mp.umeng.com/setting/appset)中设置appId及secret
  autoGetOpenid: true,
  debug: true, //是否打开调试模式
  uploadUserInfo: true, // 自动上传用户信息,设为false取消上传,默认为false
  enableVerify: false, // 测试埋点,发布线上时改为false
});
uma.install = function (Vue) {
  Vue.prototype.$uma = uma;
};
Vue.use(uma);

3.使用

        如何使用的话,就根据项目需求来进行操作就可以了。

        我这边只需要给程序中的事件进行统计,所以就直接进入友盟的后台管理,添加自定义事件然后在小程序中对应的事件中加入以下代码就可以,比如监听点击了多少次。

onClick(){
	this.$uma.trackEvent('eventID');//eventID是在友盟后台你自己创建的
}

uniapp微信小程序接入友盟_第3张图片

uniapp微信小程序接入友盟_第4张图片



友盟小程序SDK集成文档

你可能感兴趣的:(uni-app)