up

package.json

@@ -27,6 +27,7 @@
     "print-js": "^1.6.0",
     "view-design": "^4.7.0",
     "vue": "2.6.10",
+    "vue-matomo": "^4.2.0",
     "vue-router": "3.0.6",
     "vuex": "3.1.0",
     "wangeditor": "^4.7.12"

src/App.vue

@@ -1,13 +1,28 @@
-<template>
-  <div id="app">
-    <router-view />
-  </div>
-</template>
-
-<script>
-import "./assets/css/common.less";
-export default {
-  name: 'App'
-}
+<template>
+  <div id="app">
+    <router-view />
+  </div>
+</template>
+
+<script>
+  import {
+    mapGetters
+  } from 'vuex'
+  import "./assets/css/common.less";
+  export default {
+    name: 'App',
+    computed: {
+      ...mapGetters([
+        'name'
+      ])
+    },
+    watch: {
+      $route(to, from) {
+        let locationHash = window.location.hash;
+
+        this.$matomo.setCustomUrl(locationHash.replace(/#/g, ''));
+        this.$matomo.trackPageView(to.meta.title) //设置页面名称
+      }
+    }
+  }
 </script>
-

src/main.js

@@ -53,3 +53,24 @@ new Vue({
   store,
   render: h => h(App)
 })
+
+
+import VueMatomo from 'vue-matomo'
+
+Vue.use(VueMatomo, {
+  host: 'http://192.168.60.99:9000/', // 这里配置你自己的piwik服务器地址和网站ID
+  siteId: 2,//siteId值
+  // 根据router自动注册
+  router: router,
+  // // 是否需要在发送追踪信息之前请求许可
+  // // 默认false
+  requireConsent: false,
+  enableLinkTracking: true,
+  // // 是否追踪初始页面
+  // // 默认true
+  trackInitialView: false,
+  // // 最终的追踪js文件名
+  // // 默认 'piwik'
+  trackerFileName: 'matomo',
+  debug: false
+});