在 NUXT 项目中使用 Google Analytics 脚本答案

【问题标题】：Use the Google Analytics Script in NUXT project在 NUXT 项目中使用 Google Analytics 脚本
【发布时间】：2021-05-21 20:07:13
【问题描述】：

我有一个使用 Nuxt 的网站，我想在上面放置 Google Analytics 脚本。

我已经下载了 vue-gtag 模块

yarn add vue-gtag

我在 plugins/gtag.js 中用代码创建了一个文件

import Vue from 'vue';
import VueGtag from 'vue-gtag';
if (process.env.NODE_ENV === "production") {
   Vue.use (VueGtag, {
       config: {id: 'UA-XXXXXX-1'},
       appName: 'Archery', 
  });
}

我从 nuxt.config.js 调用它

plugins: [{
    src: './plugins/gtag.js', 
    mode: 'client'
}]

用 yarn generate 编译它不会出错，但也不会在任何文件中创建代码。

有人在 Nuxt 上使用过 gtag，对我有帮助吗？

谢谢

【问题讨论】：

试过'@/plugins...'？另外，由于您将其定义为客户端插件，因此它可能仅在客户端上执行时才会运行。

标签： vue.js vue-component nuxt.js

【解决方案1】：

编辑：这里有一篇关于如何配置的详细帖子>>https://github.com/MatteoGabriele/vue-gtag/issues/87#issuecomment-594133548

如果你使用 Nuxt，你应该直接使用 @nuxtjs/google-analytics 插件：https://google-analytics.nuxtjs.org/setup/#installation

它会为您处理一些与 SSR 相关的边缘情况，并且最重要的是，超级容易配置。

【讨论】：