uniapp 小程序接入友盟，自定义事件携带参数

1、下载友盟的包

npm install umtrack-wx  --save

2.配置

在根目录新建 track.js 和uma.js 文件

track.js 文件

/*** 全局事件统计，* 通过重写Component，实现监听onShow勾子函数，通过统一重写onShow函数* 用来统计哪个租户打开过哪个些页面*/
import uma from 'umtrack-wx';
import Vue from 'vue'
var track = (function(){// var uma = 1;var tenantid = null;/*** onShow重写方法，类似于代理，先执行此方法，再执行真实的方法* @param {Object} e*/function show(e){try{//这里配置自定义事件var pages = getCurrentPages()uma.trackEvent('eventID',{tenantid:track.tenantid,page:pages[pages.length-1].route})//eventID是在友盟后台你自己创建的 }catch(e){console.error(e)}}/*** 设置重写方法（部署代理方法）* @param {Object} e 重写方法的对象* @param {Object} t 重写方法的名称* @param {Object} n 重写方法需要执行的方法*/function at(e, t, n) { var i = e[t];e[t] = function(e1) {n.call(this, e);i && i.call(this, e)}}/*** Vue use执行的install 方法，此方法中重写Component* @param {Object} Vue*/function install(Vue){try {var gt = Component;var _this = thisComponent = function(t) {try {t.methods = t.methods || {};var e = t.methods;at(e, "onShow", show);gt(t)} catch (e) {gt(t)}}console.log("=============Component 重写成功===========")} catch (e) {console.warn("=============Component重写异常=============")}Vue.prototype.$track = this;track.uma = Vue.prototype.$uma}return {install:install,uma:uma,tenantid:tenantid}
})()export default track;

uma.js 文件

// #ifdef MP-WEIXIN
import uma from 'umtrack-wx';
import Vue from 'vue'
uma.init({ appKey: '由友盟分配的APP_KEY',useOpenid: true    ,// 是否需要通过友盟后台获取openid或匿名openid，如若需要，请到友盟后台设置appId及secret,若设置了false,tt比较特殊，需要手动调用setAnonymousid设置这个参数autoGetOpenid: false,//是否打开调试模式debug: true // 自动上传用户信息，设为false取消上传，默认为false
});// #endif
// #ifdef H5
const uma = {init:()=>{},_inited:false,trackEvent:()=>{},setOpenid:()=>{},setUserid:()=>{},setUnionid:()=>{},pause:()=>{},resume:()=>{}
}
// #endif
// 适配vue插件如此可通过Vue.use(uma)来安装
uma.install = function (Vue) {Vue.prototype.$uma = uma;
}
export default uma;

3 引入

在main.js中

import track from '@/track.js'
Vue.use(track)

在app.vue 中

onLaunch(){setTimeout(()=>{this.$uma.setAnonymousid('setAnonymousid')},5000)
}

4 使用

在首页导入

 import track from '@/track.js'import uma from '@/uma.js'

获取参数后，调用

uma.setOpenid('openid')
track.tenantid = 'tenantid '

换工作？找面试题？来前端面试题库 wx搜索 MST题库

uniapp 小程序接入友盟，自定义事件携带参数相关推荐

微信小程序里如何使用npm？小程序集成友盟举例
1.执行npm初始化指令小程序根目录,命令执行如下指令: npm init 执行后会让加载项目初始信息,具体截图如下: 2.执行安装npm包指令在这我们举个例子,以接入友盟统计SDK为例,执行命令 ...
android友盟自定义事件,友盟：自定义事件
1.1 自定义事件类型说明友盟为用户提供了自定义事件的功能,用于追踪用户行为,记录行为发生的具体细节.我们提供了两种自定义事件的形式:计数事件.计算事件. 1.1.1 计数事件计数事件统计事件的发 ...
java友盟自定义行为_友盟自定义事件常见问题
为什么使用自定义事件在一个规范的迭代流程中,每个功能的增加和后续的改进都需要用户操作数据的支持,而且运营重点的确立也需要大量的用户数据做支持,所以关键功能的埋点是有效的帮助团队分析用户习惯的方式. ...
uniapp小程序接入快递100第三方插件api
快递100第三方插件:快递查询跳转API接口 - 快递100 想在自己的小程序上使用快递查询接入指引 1. 插件申请接入首先要在小程序管理后台的"设置-第三方设置-插件管理" ...
微信小程序点击带id参数跳转_微信小程序页面跳转方法和携带参数详解
1.页面跳转方式 (1)标签跳转 open-type的属性值对应api里的用法即wx.的用法 1 跳转到新页面 (2)wx.navigateTo 方法跳转此方法能够从跳转的页面会回到当前页面 1 w ...
android友盟自定义事件,友盟统计事件添加
SDK集成通过在工程build.gradle配置脚本中添加maven线上依赖,导入最新版本组件化基础库和统计SDK. 在Gradle依赖中添加: dependencies { compile 'co ...
微信小程序返回上个页面并携带参数
微信小程序页面返回并带该页面的各种参数微信小程序文档api-----getCurrentPages可查看本页面的有哪些栈下面展示一些内联代码片. // getCurrentPages() var ...
uniapp小程序接入腾讯IM聊天
腾讯IM中创建项目拿到AppID 与密钥下载demo 将debug 文件夹拖到自己项目中在第一个js文件中填入自己项目的APPID 与密钥下载(tim-wx-sdk 上传文件的依赖看项目 ...
微信小程序返回上一页并携带参数
从A页面进入B页面再从B页面携带参数返回到A页面 B页面要带到A页面的参数 // 返回上一页携带参数let pages = getCurrentPages();let prevPage = pages ...

uniapp 小程序接入友盟，自定义事件携带参数

1、下载友盟的包

2.配置

3 引入

4 使用

换工作？找面试题？来前端面试题库 wx搜索 MST题库

uniapp 小程序接入友盟，自定义事件携带参数相关推荐

最新文章

热门文章

uniapp 小程序接入友盟 ，自定义事件携带参数

1、下载友盟的包

2.配置

3 引入

4 使用

换工作？找面试题？ 来前端面试题库 wx搜索 MST题库

uniapp 小程序接入友盟 ，自定义事件携带参数相关推荐

最新文章

热门文章

uniapp 小程序接入友盟，自定义事件携带参数

换工作？找面试题？来前端面试题库 wx搜索 MST题库

uniapp 小程序接入友盟，自定义事件携带参数相关推荐