在vue项目中使用matomo/Piwik

相关资料

matomo官网
vue-matomo

安装

• matomo部分安装详见官网
• 安装vue-matomo

  npm install --save vue-matomo

使用

• 在src目录下创建 matomo.js 文件

  import Vue from 'vue'
  import VueMatomo from 'vue-matomo'
  import router from './router'
  
  // 本地测试可以将环境判断去掉
  if (process.env.NODE_ENV === 'production') {
    Vue.use(VueMatomo, {
      // 这里配置你自己的matomo服务器地址和网站ID
      host: 'https://xxx.xx.com/',
      // siteId值
      siteId: 1,
      // 根据router自动注册
      router: router,
      // 是否需要在发送追踪信息之前请求许可
      requireConsent: false,
      // 是否追踪初始页面
      enableLinkTracking: true,
      // 最终的追踪js文件名
      trackInitialView: false,
      // 默认 'matomo'
      trackerFileName: 'matomo',
      debug: false
    })
  }

• 在 main.js 引入新建的文件

  import './matomo.js'

搞定！