在 NUXT 项目中使用 Google Analytics 脚本

问题描述

限时删除！！

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

I have a website with Nuxt and I want to put the Google Analytics Script on it.

我已经下载了 vue-gtag 模块

I have downloaded the vue-gtag module

yarn add vue-gtag

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

I have created a file in plugins/gtag.js with the code

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 调用它

And I call it from nuxt.config.js

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

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

Compiling it with yarn generate gives no error, but no code is created in any file either.

有没有人在 Nuxt 上使用过 gtag，它可以帮助我吗?

Has anyone used gtag on Nuxt and can it help me?

谢谢

推荐答案

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

here is a detailed post on how to configure it >> https://github.com/MatteoGabriele/vue-gtag/issues/87#issuecomment-594133548

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

If you're using Nuxt, you should rather use the @nuxtjs/google-analytics plug-in directly: https://google-analytics.nuxtjs.org/setup/#installation

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

It will handle some edge cases related to SSR for you and is on top of that, super easy to configure.

这篇关于在 NUXT 项目中使用 Google Analytics 脚本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！

1403页，肝出来的..