在 NUXT 项目中使用 Google Analytics 脚本

Posted 2023-02-23

【中文标题】在 NUXT 项目中使用 Google Analytics 脚本

【英文标题】：Use the Google Analytics Script in NUXT project

【发布时间】：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...'？另外，由于您将其定义为客户端插件，因此它可能仅在客户端上执行时才会运行。

【参考方案1】：

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

---

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

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