在nuxt.js中安装4
我有问题，建立一个新的谷歌分析4 (GA4)帐户与Nuxt。基于教程，一切看起来都很好，但是我的流量并没有出现在GA (开发和生产)中。
在nuxt.config.js中，我有以下内容
buildModules: [
'@nuxtjs/tailwindcss','@nuxtjs/google-analytics'
],
googleAnalytics: {
id: 'G-HWW3B1GM6W'
},谷歌id是一个GA4数据流id与我的生产网站。我尝试了两种不同的流，包括www和非www，但是流量没有出现在GA4中。
回答 4
Stack Overflow用户
发布于 2020-10-30 17:26:26
更新
如果您想使用GA4属性(它具有GA4格式的in )，可以通过创建一个插件来尝试使用vue-gtag包：
import Vue from 'vue'
import VueGtag from 'vue-gtag'
Vue.use(VueGtag, {
config: { id: 'G-XXXXXXXXXX' }
})将此添加到nuxtconfig.js中
plugins: ['@/plugins/gtag']关于您的消息中指出的问题，您提到的插件适用于通用版本的Google (这是UA-XXXXXXXXX-X格式的ids )，如链接中的示例：
buildModules: [
'@nuxtjs/tailwindcss','@nuxtjs/google-analytics'
],
googleAnalytics: {
id: 'UA-XXXXXXXX-X'
},您在示例G-HWW3B1GM6W中输入的代码指的是新的Google 4，它与以前的系统不同，并且(目前)无法使用该插件。
因此，我建议您创建一个类型属性，并使用它的ID (UA-XXXXX-X)和您指定的插件。您可以通过单击Show advanced options (创建新属性时)找到它：
Stack Overflow用户
发布于 2020-11-02 15:00:50
您可以通过创建插件来使用vue-gtag 套餐。
import Vue from 'vue'
import VueGtag from 'vue-gtag'
Vue.use(VueGtag, {
config: { id: 'G-XXXXXXXXXX' }
})记得把它添加到nuxtconfig.js中
plugins: ['@/plugins/gtag']Stack Overflow用户
发布于 2022-05-03 21:59:41
我也遇到了同样的问题，我通过使用普通的JavaScript解决了这个问题：
/静态/js/ga.js
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XXXXXXXXXX');/nuxt.config.js
export default {
head: {
script: [
{
src: "https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX",
async: true,
},
{
src: "js/ga.js",
}
]
},
}https://stackoverflow.com/questions/64612031
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号