Я использую 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 Debug Extension для загрузки одной страницы, я вижу, что он создает два трекера, но затем я также получаю предупреждающее сообщение:
analytics_debug.js:24 Игнорирование запроса на создание дублирующего имени отслеживания.
Я не смог найти четкую информацию об этом предупреждении, и до сих пор не смог понять, почему оно происходит и как его избежать.Таким образом, любая помощь по предотвращению этого будет высоко ценится!