nplus-ba

vue百度统计插件

安装

$ npm install --save nplus-ba

引入

import Vue from 'vue'
import router from './router' // vue-router 实例
import hmt from 'vue-hmt'

const options = {
  siteId: 'siteId',
  debug: true,
  autoPageview: false
}

Vue.use(hmt, { options, router })

参数说明

参数 | 是否必填 | 说明 -|-|- hmt | 是 | vue-hmt 实例 options | 是 | 详见options 参数说明 router | 否 | vue-router 实例，不填则路由变换不会自动trackPageview

options

参数 | 是否必填 | 类型 | 说明 | 备注 -|-|-|-|- siteId | 是 | String | 统计网站唯一ID debug | 否 | Boolean | 默认 false,开启后会在控制台打印统计传递的参数 | 请勿在生产环境中使用 autoPageview | 否 Boolean | 默认 true,开启后会自动统计当前页面的PV | 可配合trackPageview自定义要统计页面的URL

使用

事件统计（trackEvent）

this.$hmt.trackEvent('category', 'action', 'opt_label', 'opt_value')

参数说明

参数 | 是否必填 | 类型 | 说明 | 备注 -|-|-|-|- category | 是 | String | 要监控的目标的类型名称 | 不填或填"-"的事件会被抛弃 action | 是 | String | 用户跟网页进行交互的动作名称 | 不填或填"-"的事件会被抛弃 opt_label | 否 | String | 事件的一些额外信息 | 不填或填"-"代表此项为空 opt_value | 否 | Number | 跟事件相关的数值 -

页面浏览统计（trackPageview）

this.$hmt.trackPageview(pageURL)

参数说明

参数 | 是否必填 | 类型 | 说明 | 备注 -|-|-|-|- pageURL | 是 | String | 指定要统计PV的页面URL | 必须是以"/"（斜杠）开头的相对路径