将 Google 跟踪代码管理器 (gtm) 安装到 Angular 应用程序答案

【问题标题】：Install Google Tag Manager (gtm) to Angular app将 Google 跟踪代码管理器 (gtm) 安装到 Angular 应用程序
【发布时间】：2021-05-06 13:20:35
【问题描述】：

我尝试将 GTM 安装到 Angular 应用，方法是将 script 添加到 head 和 iframe 到 index.html 文件中的 body。

我在 Chrome 中加载应用程序，我可以看到它已添加到 html 中。

Chrome 中的 Google Tag Assistant 插件可以很好地检测到它，但是当我转到“网络”选项卡时，我看不到任何 gtm.js 请求，我也输入了控制台google_tag_manager，我得到google_tag_manager is not defined。

我尝试了插件 angular-google-tag-manager，但结果相同。

我不知道发生了什么事，你猜吗？

【问题讨论】：

遵循本指南，它由 Angular 团队成员编写，是最好的：fluin.io/blog/google-analytics-with-tag-manager-and-angular

标签： javascript angular typescript google-chrome google-tag-manager

【解决方案1】：

我发现了发生了什么。

我有一个 script 用于我的应用程序的 cookies，我猜是使用 gtm 或 analytics 和评论脚本解决了问题。我还尝试更改脚本的顺序并解决了问题，首先是我的gtm脚本，然后是cookies脚本 em> 是导致问题的原因。

【讨论】：