在 Angular 中将谷歌标签管理器标签片段放在哪里？答案

【问题标题】：Where to put google tag manager's tag snippet in Angular?在 Angular 中将谷歌标签管理器标签片段放在哪里？
【发布时间】：2019-09-29 11:50:53
【问题描述】：

在 app.component.html 文件中，我只有两个标签。 <nav-bar> 和 <router-outlet> 标签。添加谷歌标签管理器标签 sn -p 我们都知道<script>标签应该插入到html文件的<head>标签内，<noscript>标签应该插入到<body>标签内。由于我在 app.component.html 文件中没有 <head> 和 <body> 标记并且它们是自动生成的，我应该在哪里插入这个 google 标记管理器标记 sn-p？

【问题讨论】：

你在 index.html 中有一个 head 标签...把它放在那里。还可以查看 angulartics2

标签： javascript node.js angular typescript ecmascript-6

【解决方案1】：

我不确定谷歌标签管理器，但你可以在你的 app.component 模板中设置它，或者你可以把它放在 index.html 的底部，比如

<script>
  dataLayer = [{
    'pageCategory': 'signup',
    'visitorType': 'high-value'
  }];
</script>
<!-- Google Tag Manager -->
...
<!-- End Google Tag Manager -->

【讨论】：

【解决方案2】：

请记住，最好将 dataLayer 保留为空数组并在组件级别设置属性。否则，如果您忘记显式设置这些值，它们将保留其原始值。只需在您的标签管理器脚本之前初始化它，这样就可以让您启动并运行。

window.dataLayer = window.dataLayer || [];

【讨论】：