如何动态加载Google AnalyticsJavaScript？

Question

在不使用任何其他JS框架(dojo,jquery等)的情况下,如何动态加载Google Analytic的javascript以在网页上进行网页跟踪？

适合动态加载JS的典型方法是执行以下操作:

var gaJs = document.createElement("script");
gaJs.type = "text/javascript";
gaJs.src = "http://www.google-analytics.com/ga.js";
document.body.appendChild(gaJs);
var pageTracker = _gat._getTracker("UA-XXXXXXXXX");
pageTracker._initData();
pageTracker._trackPageview();

但这不起作用.

未及时加载ga.js文件以使_gat._getTracker和_initData/TrackPageview正常运行.

关于如何正确动态加载ga.js的任何想法

更新:似乎有人试图通过以下链接解决此问题.但是,它适用于旧的Urchin代码而非Google Analytics.

关于如何使用ga.js代替urch​​in.js的任何想法？

http://20y.hu/20070805/loading-google-analytics-dynamically-on-document-load.html

Answer 1

您可以使用HTML5 Boilerplate中的此片段.

<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
  var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
  (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  s.parentNode.insertBefore(g,s)}(document,'script'));
</script>

Answer 2

我想服务器端编程会更容易，但我前段时间发现了这一点 。请注意，它专门将其设置为.html head

另请检查“通过 Ajax 添加 Javascript”中的第一个链接。