Как динамически загружать JavaScript в Google Analytics?

Question

Без использования с использованием любых других JS-фреймворков (dojo, jquery и т. Д.), Как бы динамически загружать javascript Google Analytics для использования на веб-странице для веб-отслеживания?

Типичным целесообразно динамической загрузки 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.

UPDATE: Похоже, что кто-то попытался решить эту проблему по следующей ссылке. Однако он предназначен для использования со старым кодом Urchin, а не с Google Analytics.

Любые идеи о том, как заставить это работать с ga.js вместо urchin.js?

программирования на стороне

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

Answer 1

сервер будет проще я думаю, но я нашел thissome время назад. Обратите внимание, что он специально устанавливает его на html head.

Также проверьте первое соединение на «Добавление Javascript через Ajax».

Answer 2

Я буквально просто что-то поставил, что делает это ... используя jquery. Трюк состоит в том, чтобы добавить событие загрузки в тег скрипта с кодом отслеживания в нем.

Вещь, которую я пытаюсь решить, - это разрешено Google.

Answer 3

Попробуйте использовать точный код JavaScript, предоставленный Google, а затем условно отобразите этот раздел кода на основе конструкции в пользовательском интерфейсе. Вы не сказали, на какой платформе это работает, если это ASP.NET, вы можете поместить код в PlaceHolder или UserControl, а затем установить Visible в true или false на основе настройки файла конфигурации, если скрипт должен быть включен. Я использовал этот подход на нескольких сайтах, чтобы предотвратить включение сценария Google Analytics в предпроизводственные среды.

Answer 4

 
function loadGA() 
{ 
    if(typeof _gat == 'function') //already loaded 
    { 
     //innitGA(); 
     // you may want the above line uncommented.. 
     // I'm presuming that if the _gat object is there 
     // you wouldn't want to. 
     return; 
    } 
    var hostname = 'google-analytics.com'; 
    var protocol = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); 
    js = document.createElement('script'); 
    js.setAttribute('type', 'text/javascript'); 
    js.setAttribute('src', protocol+hostname+'/ga.js'); 
    document.body.appendChild(js); 
    //2 methods to detect the load of ga.js 
    //some browsers use both, however 
    loaded = false; // so use a boolean 
    js.onreadystatechange = function() { 
     if (js.readyState == 'loaded') 
     { 
      if(!loaded) 
      { 
       innitGA(); 
      } 
      loaded = true; 
     } 
    }; 
    js.onload = function() 
    { 
     if(!loaded) 
     {   
      innitGA(); 
     } 
     loaded = true; 
    }; 
} 

function innitGA() 
{ 
    //var pageTracker = _gat._getTracker('GA_ACCOUNT/PROFILE_ID'); 
    //pageTracker._initData(); 
    //pageTracker._trackPageview(); 
    alert('oh hai I can watch plz?'); 
} 

просто позвоните loadGA() ... проверено на IE6/7/8, FF3, Chrome и Opera

жаль, если я немного опоздал на вечеринку.

Answer 5

Вы можете использовать этот фрагмент с 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>