前端埋点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);