squidex/frontend/app/framework/services/analytics.service.ts

/*
 * Squidex Headless CMS
 *
 * @license
 * Copyright (c) Squidex UG (haftungsbeschränkt). All rights reserved.
 */

// tslint:disable:only-arrow-functions

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

import { AnalyticsIdConfig } from './../configurations';
import { Types } from './../utils/types';
import { ResourceLoaderService } from './resource-loader.service';

export const AnalyticsServiceFactory = (analyticsId: AnalyticsIdConfig, router: Router, resourceLoader: ResourceLoaderService) => {
    return new AnalyticsService(analyticsId, router, resourceLoader);
};

@Injectable()
export class AnalyticsService {
    private readonly gtag: any;

    constructor(analyticsId?: AnalyticsIdConfig, router?: Router, resourceLoader?: ResourceLoaderService) {
        window['dataLayer'] = window['dataLayer'] || [];

        this.gtag = function () {
            window['dataLayer'].push(arguments);
        };

        if (analyticsId && router && resourceLoader && window.location.hostname !== 'localhost') {
            this.gtag('config', analyticsId.value, { anonymize_ip: true });

            router.events.pipe(
                    filter(e => Types.is(e, NavigationEnd)))
                .subscribe(() => {
                    this.gtag('config', analyticsId.value, { page_path: window.location.pathname, anonymize_ip: true });
                });

            if (document.cookie.indexOf('ga-disable') < 0) {
                resourceLoader.loadScript(`https://www.googletagmanager.com/gtag/js?id=${analyticsId.value}`);
            }
        }
    }

    public trackEvent(category: string, action: string, label?: string, value?: number) {
        this.gtag('event', 'user-action', {
            event_category: category,
            event_action: action,
            event_label: label,
            value: value
        });
    }
}