如何确保在调用 Google Analytics 函数之前加载 Google Analytics？

Question

阅读一篇博客文章后，我想到添加安全代码以确保 Google Analytics 对象在调用其函数之前已完全加载。

典型的 Google Analytics 代码类似于：

var pageTracker = _gat._getTracker("X-UAXXXXX");
pageTracker._trackPageview();

我

pageTracker._addItem( bla bla );
pageTracker._trackTrans();

想到了两个选项来双重确保 _gat 对象在使用前加载：

1）使用 JQuery.ready 调用 _get 函数。例如：

$(document).ready(function() {
    var pageTracker = _gat._getTracker("X-UAXXXXX");
    pageTracker._trackPageview();
}

或

2) 使用 JavaScript 超时

function checkGat() {

    if( gat_is_ready ) {
        var pageTracker = _gat._getTracker("X-UAXXXXX");
        pageTracker._trackPageview();
    } else {
        setTimeout('checkGat()', 1000);
    }

}

checkGat()

有什么更好的解决方案？为什么？还有其他意见吗？

Answer 1

这都是不必要的。只需使用新的 Google Analytics 异步代码即可；它会为你做这件事。

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXX-X']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

使用此代码，您可以根据需要将跟踪信息存储在 JavaScript 数组（称为 _gaq）中。然后，只有在 ga.js 加载并准备就绪后，它才会执行对 Google Analytics 的调用。换句话说，它会为您完成所有这些工作，而无需编写复杂的循环，并且您永远不会出现导致 JavaScript 错误的竞争条件。

这具有非阻塞的额外好处，因此速度稍快一些。