如何在使用 Vue.js 的网站上安装 Matomo 跟踪代码？

如果您在网站中使用 Vue.js，则可以使用 “vue-matomo” npm 包开始无缝跟踪 Matomo 中的数据。设置方法如下：

1.安装 vue-matomo npm包。 npm install --save vue-matomo

2. 使用您的 Matomo 实例详细信息进行初始化VueMatomo（main.js下面的示例代码）。 Vue3 的示例代码：

    import { createApp } from 'vue'
    import VueMatomo from 'vue-matomo'
    import App from './App.vue'
    createApp(App)
        .use(VueMatomo, {
            // Configure your matomo server and site by providing
            host: '{YOUR_MATOMO_INSTANCE_URL}',
            siteId: {YOUR_SITE_ID},
        .mount('#app')
    window._paq.push(['trackPageView']); //To track pageview

Vue2 的示例代码：

    import Vue from 'vue'
    import App from './App.vue'
    import VueMatomo from 'vue-matomo'
    Vue.use(VueMatomo, {
        host: '{YOUR_MATOMO_INSTANCE_URL}',
        siteId: {YOUR_SITE_ID}
    new Vue({
      el: '#app',
      router,
      components: {App},