vue-matomo数据统计用法

vue单页应用使用vue-matomo

步骤：

    1. 安装vue-matomo： npm install VueMatomo --save

    2. 在main.js中全局引入import VueMatomo from 'vue-matomo'

        并配置参数

Vue.use(VueMatomo, {

    host: 'url', // 这里配置你自己的piwik服务器地址和网站ID

    siteId: siteId, //siteId值，由后端提供

    // 根据router自动注册

    // router: router,

    // // 是否需要在发送追踪信息之前请求许可 默认false

    requireConsent: false,

    enableLinkTracking: true,

    // // 是否追踪初始页面 默认true

    trackInitialView: false,

    // // 最终的追踪js文件名  默认 'piwik'

    trackerFileName: 'matomo',

    debug: false,

    userId: ''

 })

    3. App.vue配置页面浏览

      if (this.$matomo) {

        this.$matomo.setUserId(userId) // 设置登录用户的id

        this.$matomo.setCustomUrl(url) // 设置页面链接

        this.$matomo.trackPageView(title) //设置页面名称

      }

 

    4. 行为埋点

        this.$matomo.trackEvent('行为类别', '事件', 'name', 'value')