Google的Universal Analytics标签如何允许我在脚本仍加载期间进行方法调用？

Question

我正在构建一个支持Google Analytics（分析）的平台，该平台可以使用非常标准的流程：

1. 用户使用其唯一的帐户参数获取并配置JS代码段。
2. 他们将此JS代码片段嵌入其网站中，从而异步加载了我的主库。
3. 库加载后，用户可以调用它的方法将数据发送到我的Web应用程序。

在研究了各种公司如何处理上述流程的几种不同的实现方式之后，我发现Google的新Universal Analytics代码似乎执行效果最佳，原因如下：

似乎允许用户在主库仍异步加载时进行方法调用 ，所有这些都在一个<script type="text/javascript">标记内。

快速入门代码中直接提供了一个示例：

<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXX-Y', 'auto');
ga('send', 'pageview');

</script>
<!-- End Google Analytics -->

我试图了解它如何允许用户调用ga('create' ... )和ga('send' ... )而主要的匿名函数可能仍在操纵DOM并插入/下载analytics.js脚本。

有人知道上述模式如何运作吗？

对其最小化代码进行反向工程的尝试似乎表明，他们可能正在创建一个空白ga对象，该对象实际上充当消息队列，直到主库加载为止。 然后，在加载库时，它看起来像是在解析队列对象并执行其需要做的事情（因为鉴于库已加载，它实际上可以执行其任务）。

我不确定100％以上是否正确，因为对所有代码进行反向工程有些棘手。

我创建了一个类似的实现，在该实现中，我使用window.tempDataWhileLibraryHasntLoaded对象存储了在加载库之前由ga("send" ...)类的方法调用的所有数据。然后，库解析该对象，处理所需的内容。 ，并使该对象为null，但这看起来不像Google的实现那么干净。

Answer 1

因此，展开缩小的脚本，看起来像这样（删除了用于插入script标签的代码）：

window.GoogleAnalyticsObject = 'ga';

window.ga = window.ga || function(){
    ( window.ga.q = window.ga.q || [] ).push(arguments);
}

window.ga.l = 1 * new Date();

他们创建window.ga并将其分配给一个函数，该函数将所有参数推入数组window.ga.q 。 || 或操作员在那里确保已创建的东西不会被覆盖。

因此，当您调用ga('foo', 'bar')它只是将这些参数存储在数组中。 脚本加载后，它将查找window.ga.q数组并遍历其值，找到“ foo”和“ bar”并在加载的脚本中调用相应的函数。