美文网首页
前端埋点VueMatomo

前端埋点VueMatomo

作者: ClownD | 来源:发表于2022-11-03 15:13 被阅读0次

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);
    },
  },

相关文章

  • 前端埋点VueMatomo

    npm install vue-matomo main.js App.vue第一次进入this.$matomo为u...

  • web 埋点

    数据埋点是什么?设置数据埋点的意义?web 埋点实现原理了解一下 前端监控和前端埋点方案设计美团点评前端无痕埋点实践

  • Web系统后台行为记录

    关于后台行为记录,可理解为对用户请求的监控日志。也可理解为埋点的一种。通常埋点可简单分为前端埋点和后端埋点。 前端...

  • 前端埋点技术文档

    前端监控和前端埋点方案设计 阿里前端监控实践

  • 前端监控和前端埋点

    前端监控和前端埋点,一个是目的,一个是实现方式,做前端埋点,是为了做前端监控,那为什么要做前端监控呢? 前端监控的...

  • 前端埋点上报

    本文所说的埋点上报,只包含两种:点击上报(click)、曝光上报(show)。 整体思路: 点击上报: 使用 wi...

  • 前端异常埋点

    前言 开发者有时会面临上线的生产环境包出现了异常? ,在长期生产bug并修复bug的循环中总结出一下几个痛点: 无...

  • 前端埋点-报错监控

    说起埋点又到了谈起前端项目中数据收集与监控,那么今天来简单的聊下前端报错监控的埋点。 首先先安利下自己做的报错监控...

  • 小谈前端埋点

    最近在公司做个小程序相关的前端埋点项目,之前也只是听说过这个名词,却没有深入的研究过,总结一下最近一周学到的东西。...

  • 前端埋点监控方案

    推荐 推荐一款比较好的前端埋点监控的方案——webfunny[https://www.webfunny.cn/ho...

网友评论

      本文标题:前端埋点VueMatomo

      本文链接:https://www.haomeiwen.com/subject/aoletdtx.html