添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
精彩文章免费看

前端埋点VueMatomo

npm install vue-matomo

main.js

import VueMatomo from 'vue-matomo' Vue.use(VueMatomo, { host: 'xxxxxx', // 自己的matomo服务器地址,根据tracking code中填写 siteId: xxx, // siteId值,根据tracking code中填写 router: router, // 根据router自动注册 requireConsent: false, // 是否需要在发送追踪信息之前请求许可,默认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);