Я пытался отслеживать шаблоны навигации пользователей в своем приложении с помощью Google Analytics, но я зашел в тупик. Каждый раз, когда я перехожу на другую страницу, мне приходится обновлять sh окно для отслеживания. Не знаю, где я иду не так, любая помощь будет оценена. Это приложение angular, а поскольку это SPA, я отслеживаю навигацию, используя события маршрутизатора:
index. html:
...
<app-root></app-root>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-XXXXXXXXX');
</script>
...
app.component.ts
import { Component } from '@angular/core';
import {Router, NavigationEnd} from '@angular/router';
declare let ga: Function;
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'sample-portal';
constructor(public router: Router) {
this.router.events.subscribe(event => {
if (event instanceof NavigationEnd) {
ga('set', 'page', event.urlAfterRedirects);
ga('send', 'pageview');
}
});
}
}