浏览器如何阅读全局站点标签JavaScript（gtag.js）

Question

希望你一切顺利？ 也许你可以帮我。

要在网站上启用Google Analytics（分析），您需要实现gtag.js代码段：

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

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

该文档还告诉我：“将代码段放置在每页顶部以启动功能gtag（）非常重要。只要您的命令出现在代码段下方，就可以在页面上的任何位置调用gtag命令”。

因此，我好奇的想法实现了以下代码片段以查看会发生什么：

<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', '<GA_TRACKING_ID>');
  gtag('event', 'click', {
    'event_label': 'Home',
    'event_category': 'Main Menu'
  });
</script>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=<GA_TRACKING_ID>"></script>

我希望不会启用跟踪，但是我看到了Google Analytics（分析）流量。

我确实想了解为什么在启动之前调用gtag（）时GA可以正常工作。 你对我有解释吗？

干杯，拉乌尔

Answer 1

您正在定义自己的function gtag() {...} ，它实际上只是dataLayer.push的别名。 稍后加载的实际Google跟踪代码管理器脚本实际上查看window.dataLayer数组，其中存储了它应执行的所有跟踪操作。