javascript - 浏览器如何阅读全局站点标签JavaScript(gtag.js)

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

要在网站上启用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可以正常工作。你对我有解释吗？

干杯，
拉乌尔

最佳答案

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

关于javascript - 浏览器如何阅读全局站点标签JavaScript(gtag.js)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/53558361/