如何动态加载 Google Analytics JavaScript? [英] How do I dynamically load Google Analytics JavaScript?

问题描述

不使用任何其他 JS 框架(dojo、jquery 等)，我如何动态加载 Google Analytic 的 javascript 以用于网页跟踪?>

Without using any other JS frameworks (dojo, jquery, etc), how would I dynamically load Google Analytic's javascript to be used on a web page for web-tracking?

动态加载 JS 的典型做法是:

The typical appropriate to dynamically loading JS is to do the following:

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 运行.

The ga.js file isn't loaded in time for _gat._getTracker & _initData/TrackPageview to function.

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

Any ideas on how to properly dynamically load ga.js.

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

UPDATE: Seems like someone has attempted to address this problem at the following link. However, it's for use with the old Urchin code and not Google Analytics.

关于如何使用 ga.js 而不是 urchin.js 使其工作的任何想法?

Any ideas on how to get this to work with ga.js instead of urchin.js?

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

推荐答案

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

You could use this snippet from 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>

这篇关于如何动态加载 Google Analytics JavaScript?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！