如何在我的 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

他的插件将停止接收功能请求。我只会花时间修复重要的错误。谷歌从 analytics.js 迁移到新的 gtag.js 库，我创建了一个名为 vue-gtag 的新插件。如果你要创建一个新项目，我建议你开始使用那个。

您可以在此处查看示例：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");