Блог

Я работаю с angular и использую события navigation_start и end в app.component.ts для измерения времени, а затем запускаю простое событие просмотра страницы и синхронизации.Оба данных отправляются в Analytics, как показано на вкладке сеть.Код выглядит следующим образом:

app.component.ts

 import { AuthService } from './core/services/auth.service';
import { Component, OnInit, Inject } from '@angular/core';
import { Router, NavigationEnd, NavigationStart } from '@angular/router';
import { HttpClient } from '@angular/common/http';
import { filter, map } from 'rxjs/operators';
import { BalakRoutes } from './core/constants/route.constant';
import { TimeTrackingService } from './shared/utils/time-tracking.service';

declare let gtag: Function;
@Component({
  // tslint:disable-next-line
  selector: 'body',
  template: '<router-outlet></router-outlet> <ngx-ui-loader></ngx-ui-loader>'
})
export class AppComponent implements OnInit {
  myAppUrl: string = '';
  private configLoadActionId: number;
  private navigationActionId: number;
  constructor(
    private router: Router,
    private authService: AuthService,
    private timingService: TimeTrackingService
  ) {
    this.myAppUrl = '/';
  }

  ngOnInit() {
    this.router.events.subscribe((evt) => {
      if (!(evt instanceof NavigationEnd)) {
        if (evt instanceof NavigationStart) {
          this.navigationActionId = this.timingService.startTracking(
            'navigation'
          );
        }

        return;
      } else {
        const result = this.timingService.stopTracking(this.navigationActionId);
        gtag('config', 'UA-176408533-1', {
          page_path: evt.urlAfterRedirects
        });
        gtag('event', 'timing_complete', {
          name: 'load',
          event_label: 'load : '   evt.urlAfterRedirects,
          value: result.elapsed
        });
        window.scrollTo(0, 0);
      }
    });
  }
}


  

timingService работает нормально и возвращает правильные значения, поэтому я здесь не показываю.

Примечание: Нет проблемы, из-за которой я не могу увидеть bcoz какой-либо проблемы с выборкой.Я не вижу даже через 48 часов

Попробуйте использовать параметр ‘event_category’ вместо ‘name’:

 gtag('event', <action>, {
  'event_category': <category>,
  'event_label': <label>,
  'value': <value>
});
  

https://developers.google.com/analytics/devguides/collection/gtagjs/events