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')