如何在我的 Vue 网站中正确设置 Google Analytics？

Question

我有 1 个名为 calculator.vue 的组件，在我的 main.js 中有插件代码，如下所示：

import App from './App.vue'
import vuetify from './plugins/vuetify'
import "./plugins/vuetify-money.js"
import VueMeta from 'vue-meta'
import VueAnalytics from 'vue-analytics'

Vue.use(VueAnalytics, {
 id: 'My UA',
 disableScriptLoader: true
})


Vue.use(VueMeta);

Vue.config.productionTip = false


new Vue({
 vuetify,
 render: h => h(App)
}).$mount('#app')```

Answer 1

如这里所述：https://github.com/MatteoGabriele/vue-analytics

his plugin will stop receiving feature requests. I will only spend time for important bug fixes. Google moved from analytics.js to its new gtag.js library and I've created a new plugin called vue-gtag. I suggest you to start using that one if you are about to create a new project.

你可以在这里看到一个例子：https://matteo-gabriele.gitbook.io/vue-gtag/#add-plugin-to-your-application

import Vue from "vue";
import App from "./App.vue";
import VueGtag from "vue-gtag";

Vue.use(VueGtag, {
  config: { id: "UA-1234567-1" }
});

new Vue({
  render: h => h(App)
}).$mount("#app");