How to get Google Analytics GA4 to recognise my nuxt website with vue-gtag?(如何让Google Analytics GA4识别我的带有VUE-gtag的Nuxt网站?)
问题描述
我有一个要使用Google Analytics跟踪的Nuxt.jsWeb客户端。
我这样使用vue-gtag:
/plugins/vue-gtag.js
import Vue from 'vue'
import VueGtag from 'vue-gtag'
export default ({ app }) => {
Vue.use(
VueGtag,
{
config: { id: process.env.GTAG }, // this is defined in my Netlify env variables together with my backend API which works
appName: 'SleepRescue',
bootstrap: true,
enabled: true,
pageTrackerScreenviewEnabled: true,
},
app.router
)
}
nuxt.config.js
plugins: [
...
{ src: '~/plugins/vue-gtag' },
...
]
我还定义了自定义事件,如下所示:
async registerUser() {
this.$gtag.event('sign_up', {
event_category: 'engagement',
event_label: 'method',
})
...
}
请随时查看plugin、我的Nuxt config和给定的example of a custom tag。
不幸的是,我的Google Analytics仪表板无法识别任何流量,似乎也无法识别我定义的任何标记。我已经尝试从多台机器和IP访问我的网站,但仍然没有流量。如果我进入GA帐户->;Admin->;数据流,我可以在";网站&下看到我的网站,但它显示";在过去48小时内未收到数据";。如果我单击它,那么我将能够看到G-*ID作为测量ID,我认为只要它与我的VueGtag ID中的匹配,它就应该可以工作。
有人知道这里可能出了什么问题吗?
推荐答案
以下是GA3和GA4的区别列表:https://cxl.com/blog/ga4/
不确定仍然使用GA3是否会破坏交易。
选中可能完全支持GA4的this solution。
另外,如果你不是Google的铁杆粉丝,想使用更开源的东西,你可以查看Plausible,甚至可以试试Debbie的detailed setup here。
这篇关于如何让Google Analytics GA4识别我的带有VUE-gtag的Nuxt网站?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:如何让Google Analytics GA4识别我的带有VUE-gtag的Nuxt网站?
基础教程推荐
- 动态更新多个选择框 2022-01-01
- 当用户滚动离开时如何暂停 youtube 嵌入 2022-01-01
- 我什么时候应该在导入时使用方括号 2022-01-01
- 悬停时滑动输入并停留几秒钟 2022-01-01
- Karma-Jasmine:如何正确监视 Modal? 2022-01-01
- 在 JS 中获取客户端时区(不是 GMT 偏移量) 2022-01-01
- 响应更改 div 大小保持纵横比 2022-01-01
- 在for循环中使用setTimeout 2022-01-01
- 角度Apollo设置WatchQuery结果为可用变量 2022-01-01
- 有没有办法使用OpenLayers更改OpenStreetMap中某些要素 2022-09-06