typescript 订阅路由器更改事件，并在每次更改时向Google Analytics发送当前网址的网页浏览事件

Posted 2021-05-21

import { Injectable } from '@angular/core';
import { NavigationEnd, Router } from '@angular/router';

declare const ga: any;

// see: https://developers.google.com/analytics/devguides/collection/analyticsjs/single-page-applications

@Injectable()
export class AnalyticsService {
    constructor(public router: Router) {
        router.events.distinctUntilChanged((previous: any, current: any) => {
            if (current instanceof NavigationEnd) {
                return previous.url === current.url;
            }

            return true;
        }).subscribe((x: any) => {
            ga('set', 'page', x.urlAfterRedirects || x.url);
            ga('send', 'pageview');
        })
    }
}