Как всегда: "Все уже придумали за нас", но есть одно НО...
После регистрации сайта на Google Analytics, выдают script вида:
gtag.js<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=NA-***"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'NA-***');
</script>
Его вставил после открытия тега
head.
Все отлично начало отслеживать, все роуты показывает в личном кабинете Google Analytics, пока все находится локально, НО как всегда не обошлось без "бока".
Я, используя Angular, пока не нашел как бороться с роутами, посте того как зальешь проект на хост. Описывал суть проблемы
тут
Т.е. что бы нормально переходило по страницам, они отображаются в адресной строке через #.
Примерwww.mysite.com/#/blog
Когда я в app.modules.ts добавил строку
providers: [{provide: LocationStrategy, useClass: HashLocationStrategy}],
То хосте роуты начали работать без проблем, но в личном кабинете Google Analytics переход по странице перестает отслеживаться, показывает что человек постоянно висит на 1-й странице.
Как быть в этой ситуации?