我正在使用 gtag.js
在 Vue.js SPA 中设置两个不同的跟踪器。我在我的 index.html
中定义跟踪器,例如:
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXX-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-XXXXXXXX-1', {
'send_page_view': false
});
gtag('config', 'UA-XXXXXXXX-2', {
'send_page_view': false,
'custom_map': {
'dimension1' : 'my_custom_dimension'
}
});
</script>
然后,在我的路由器的 afterEach
导航守卫中,我执行以下操作:
router.afterEach((to, from) => {
gtag("event", "page_view", {
send_to: 'UA-XXXXXXXX-1'
});
gtag("event", "page_view", {
send_to: 'UA-XXXXXXXX-2',
my_custom_dimension: 'custom_value'
});
}
});
没有涉及其他 GA 代码,但是当我查看 GA 调试扩展日志时,对于单个页面加载,我看到它创建了两个跟踪器,但随后我也收到一条警告消息:
analytics_debug.js:24 Ignoring create request for duplicate tracking name.
我找不到关于该警告的任何明确信息,到目前为止,我一直无法理解为什么会发生这种情况以及如何避免这种情况。因此,我们将不胜感激任何有关避免这种情况的帮助!
最佳答案
别担心。它正在发生,因为这就是 gtag 的工作原理。它将尝试创建一个跟踪器,但由于它已经存在,您将收到该警告。
关于vue.js - Google Analytics 重复跟踪名称,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54406825/