mpvue小程序集成友盟统计

mpvue小程序集成友盟统计

一、登录友盟后台管理系统,新建应用
mpvue小程序集成友盟统计_第1张图片

二、去接入SDK

  1. 安装sdk
    npm install umtrack-wx --save
  2. 在main.js(app.js)文件内添加如下代码

     import uma from 'umtrack-wx'  // **引入文件一定要放在此文件的最前面**
     uma.init({
       appKey: 'your appKey',
       useOpenid: false,
       autoGetOpenid: true,
       debug: true
     })
    
     Vue.prototype.uma = uma;
  3. 增加友盟+数据服务域名
    在微信后台配置:
    mpvue小程序集成友盟统计_第2张图片
  4. 测试是否集成成功
    微信开发者工具中出现:

    [UMENG] -- 成功创建Lib对象
    [UMENG] -- sdk version: 2.3.5
    [UMENG] -- cache初始化成功:  {xxx}
    [UMENG] -- Lib对象初始化成功
    [UMENG] -- showOptions: {xxx}
    [UMENG] -- session options:{xxx}
    [UMENG] -- 开始新的session(xxx):{xxx}
    [UMENG] -- 安装Lib接口成功
    [UMENG] -- SDK集成成功
    [UMENG] -- Header初始化成功
    [UMENG] -- 调试辅助信息:{xxx}
    [UMENG] -- 数据发送成功:{xxx}
    [UMENG] -- imprint: {xxx}
    [UMENG] -- 命中可用服务 https://umini.shujupie.com 

    出现以上信息,基本已经没问题了,去友盟后台看应用的实时统计数据,有数据说明集成成功。

你可能感兴趣的:(前端,mpvue,友盟sdk,vue.js,npm)