是否可以通过angulartics2避免页面跟踪到GA的根路径？答案

【问题标题】：Is it possible to avoid page tracking root route to GA by angulartics2?是否可以通过angulartics2避免页面跟踪到GA的根路径？
【发布时间】：2020-03-13 09:02:04
【问题描述】：

我正在使用 angulartics2 来跟踪事件并跟踪谷歌分析的一些其他信息。

所以，我只是在使用

Angulartics2Module.forRoot({ pageTracking: { autoTrackVirtualPages: true } }) - 在主应用程序模块中和 Angulartics2GoogleAnalytics.startTracking() - 在主应用程序组件中。

此方法跟踪存在于角度路由器中的所有路由发生变化，但我需要避免跟踪根路径(/)。

我尝试将 angulartics 模块配置为 { pageTracking: { autoTrackVirtualPages: true, excludedRoutes: ['/'] } } 或 { pageTracking: { autoTrackVirtualPages: true, excludedRoutes: [/\//] } }，但它没有像我预期的那样工作。

有没有一种简单的方法可以将此路线排除在跟踪之外？

【问题讨论】：

标签： angular google-analytics angulartics2

【解决方案1】：

其中一个选项，适用于将面临同样问题的人：

创建单独的服务，该服务将使用全局分析脚本，并在路由匹配您的情况时避免跟踪操作

export class AnalyticsService {
  constructor(private readonly router: Router) {}

  startRouterTracking(): void {
    this.router.events.subscribe(event => {
      if (event instanceof NavigationEnd) {
        const { urlAfterRedirects } = event;

        if (urlAfterRedirects.trim() === '/') {
          return;
        }

        // note: angulartics.pageTrack works incorrect (but by docs should work fine, have no idea why doesn't work)
        gtag('event', 'page_view', { page_path: urlAfterRedirects });
      }
    });
  }
}

【讨论】：