Question

我是Angular 7的新手。在app.component.html文件中，我只有两个标签。 <nav-bar>和<router-outlet>标签。要添加Google跟踪代码管理器代码段，我们都知道<script>标签应插入html文件的<head>标签内，而<noscript>标签应插入<body>标签内。因为我在app.component.html文件中没有<head>和<body>标签，并且它们是自动生成的，我应该在哪里插入这个google标签管理器标签片段？

Answer 1

我不确定Google标记管理器，但是您可以在app.component模板中进行设置，也可以像下面这样放置在index.html的底部

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

Answer 2

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

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

在哪里将Google跟踪代码管理器的代码段放在Angular中？

2 个答案: