Angular 角度+；Google Analytics：使用新分析跟踪页面浏览量

我有多个Angle应用程序，它们跟踪页面视图的逻辑与中描述的类似

我还将在这里添加相关的代码片段，以避免第三方引用

在每页的页眉中添加gtag依赖项（这在中也有描述）：

显然，我用我的真实跟踪ID替换了

GA_MEASUREMENT_ID

。因此，在我拥有“UA-XXXXXX”（通用分析）跟踪ID的所有情况下，这都是有效的。现在，我第一次获得Google analytics 4跟踪ID（G-xxxxx），而事情就是不想起作用。不跟踪任何页面视图

我所尝试的：

我正在使用实时跟踪视图进行调试，该视图也因新分析而更改。尽管如此，我还是希望我想要的东西能在页面视图部分得到跟踪。但是，对我来说，只有主机名是可见的

我注意到这些分析有不同的配置，例如，有数据流配置，我不确定其用途，但我认为我需要在那里添加我的主机。我添加了它，但我的页面视图仍然不可见

这个跟踪id是通过google tag manager创建的，我最初尝试使用配置依赖项，但由于没有成功，我切换回了我文章中描述的分析跟踪配置

现在我正在写一个SO问题，希望其他人已经完成了这项工作，他/她会帮助我

---

我不确定这是否是你问题的答案，但由于过去几天我一直在为同样的事情挣扎，我将分享我的经验

我相信您的设置仍然是相关的。如果您仅使用google tag manager，则可能会出现gtag（）未定义引用错误，如果您在添加google tag manager后立即在index.html的

中添加以下行，则该错误将得到修复（这是本文的方法）

window.dataLayer=window.dataLayer | |[]；
函数gtag（）{dataLayer.push（参数）；}

如果您是在index.html中手动添加GA标记，那么应该可以

我很难意识到的是，GA4在默认情况下显示页面标题，而不是页面路径（或位置）。在我的例子中，页面标题与域名相同，因此给我留下的印象是GA标签在更改页面时没有正确触发。但是，如上所述，为了调查页面路径/位置，需要查看“接合”菜单。有不同的选项，但可以转到参与/事件，然后单击页面视图，从用户参与>页面标题切换到用户参与>页面路径。视频中介绍了其他选项，并简要概述了自定义分析仪表板的功能

关于能够实时查看页面路径，我不确定这是否仍然可行，或者至少我还没有找到一种方法来做到这一点

如果有人参加讨论并分享他们的知识，我将不胜感激，因为GA4肯定有点难以导航，文档也不是很清楚

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'GA_MEASUREMENT_ID');
</script>

export class AppRoutingModule {
  constructor(public router: Router) {
    this.router.events.subscribe(event => {

        if (event instanceof NavigationEnd) {
            gtag('config', 'GA_MEASUREMENT_ID',
                {'anonymize_ip': true},
                {
                    'page_path':
                    event.urlAfterRedirects
                }
            );
        }

    });
  }
}

<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
</script>