前端埋點VueMatomo

npm install vue-matomo

main.js

//埋點
import VueMatomo from 'vue-matomo'

Vue.use(VueMatomo, {
  host: 'xxxxxx', // 自己的matomo服務器地址,根據(jù)tracking code中填寫
  siteId: xxx, // siteId值,根據(jù)tracking code中填寫
  router: router,  // 根據(jù)router自動注冊
  requireConsent: false, // 是否需要在發(fā)送追蹤信息之前請求許可,默認false
  enableLinkTracking: true,
  trackInitialView: false, // 是否追蹤初始頁面,默認true
  trackerFileName: 'matomo', // 最終的追蹤js文件名,默認'matomo'
  debug: false
});

App.vue
第一次進入this.$matomo為undefined,加setTimeout

watch: {
    $route(to, form) {
      setTimeout(() => {
        if (this.first) {
        this.$matomo.setRequestMethod("GET");
        this.$matomo.setUserId('用戶id');
        this.first = false
      }
      this.$matomo.setCustomUrl(window.location.href);
      this.$matomo.trackPageView(document.title);
      }, 500);
    },
  },
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 一:什么是閉包?閉包的用處? (1)閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)。在本質(zhì)上,閉包就 是將函數(shù)內(nèi)部和函數(shù)外...
    彩云_789d閱讀 1,140評論 0 1
  • vue面試題 一、vue優(yōu)點 1.輕量級框架:只關注視圖層,是一個構建數(shù)據(jù)的視圖集合,大小只有幾十kb; 2.簡單...
    沒糖_cristalle閱讀 1,665評論 0 3
  • 響應式布局的理解 響應式開發(fā)目的是一套代碼可以在多種終端運行,適應不同屏幕的大小,其原理是運用媒體查詢,在不同屏幕...
    懶貓_6500閱讀 852評論 0 0
  • 2018web前端最新面試題總結 一、Html/Css基礎模塊 基礎部分 什么是HTML?答:? HTML并不是...
    duans_閱讀 4,711評論 3 27
  • ?1??、Vue和其他兩大框架的區(qū)別 Angular 學習成本太高 React 代碼可讀性差 Vue 學習成本較低...
    藍海00閱讀 74,181評論 40 1,229

友情鏈接更多精彩內(nèi)容