Wie kann ich dynamisch laden, Google Analytics-JavaScript?

Ohne mit anderen JS-frameworks (dojo, jquery, etc), wie würde ich dynamisch laden, Google Analytics javascript verwendet werden, auf einer web-Seite zum web-tracking?

Den typischen angemessen, um das dynamische laden von JS ist Folgendes zu tun:

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();

Aber das funktioniert nicht.

Den ga.js Datei nicht geladen wurde in der Zeit für _gat._getTracker & _initData/TrackPageview zu funktionieren.

Irgendwelche Ideen auf, wie man richtig dynamisch laden ga.js.

UPDATE: Scheint, dass jemand versucht hat, dieses problem auf den folgenden link. Es ist jedoch für die Verwendung mit den alten Urchin-code und nicht Google Analytics.

Irgendwelche Ideen auf, wie man diese Arbeit mit ga.js statt urchin.js?

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

was würden Sie empfehlen, die Titel werden auch geändert?

InformationsquelleAutor | 2009-04-15

Könnten Sie dieses snippet von 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>

kleben Sie diese in eine Funktion, aber denken Sie daran, dass _gaq hat eine Globale (auf das window-Objekt)

InformationsquelleAutor bmavity

1

Versuchen Sie es mit den genauen JavaScript-code von Google und dann bedingt anzeigen, dass der Abschnitt von code basierend auf ein Konstrukt in Ihrem UI-framework. Sie nicht sagen, auf welcher Plattform diese laufen, wenn es ASP.NET du könntest den code in ein Platzhalter oder UserControl-und dann stellen Sie Visible auf true oder false auf Basis einer config-Datei einstellen, wenn das Skript aufgenommen werden sollen. Ich habe diesen Ansatz auf mehreren Websites, um zu verhindern, dass das Analytics-Skript wird in der pre-production-Umgebungen.

InformationsquelleAutor
0

Server-side-Programmierung wäre einfacher denke ich, aber ich fand diese einige Zeit. Beachten Sie, dass es speziell wird der html head.

Überprüfen Sie auch auf dem ersten link unten auf 'Hinzufügen von Javascript Über Ajax'.

der erste link zeigt, wie Sie mithilfe der Methode, die ich in meinem post, das funktioniert nicht. Der zweite link beschreibt das hinzufügen des JS den html-HEAD-Attribut, das ist nicht erwünscht, da, block html-rendering.
trotzdem danke für den Versuch zu Antworten 🙂

InformationsquelleAutor Esteban Küber

Ich habe buchstäblich gerade etwas zusammen, das dies tut... mit jquery. Der trick ist das hinzufügen von ein Ereignis load, um das script-tag mit dem tracking-code.

var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
var gaScript = document.createElement('script');
var loaded = false;
gaScript.src = gaJsHost + "google-analytics.com/ga.js";

$(gaScript).load(function(){
  loaded = true;
  var pageTracker = _gat._getTracker(Consts.google_analytics_uacct);
  pageTracker._initData();
  pageTracker._trackPageview();
});

document.body.appendChild(gaScript);

//And to make it work in ie7 & 8
gaInterval = setInterval(function() {
  if (!loaded && typeof _gat != 'undefined') {
    $(gaScript).load();
    clearInterval(gaInterval);
  }
},50);

Dem, was ich bin versuchen zu arbeiten, ist... ist das erlaubt von google.

die Frage sagt ohne jquery

InformationsquelleAutor

Funktion loadGA() 
{ 
if(typeof _gat == 'function') //schon geladen 
{ 
//innitGA(); 
//Sie können wollen, dass die oben genannte Zeile auskommentiert.. 
//Ich vermute, dass, wenn das _gat-Objekt ist es 
//Sie würde das nicht wollen. 
return; 
} 
var hostname = 'google-analytics.com'; 
var Protokoll = (("https:" == document.Lage.protocol) ? "https://ssl." : "http://www."); 
js = document.createElement('script'); 
js.setAttribute('type', 'text/javascript'); 
js.setAttribute('src', Protokoll+hostname+'/ga.js'); 
Dokument.Körper.appendChild(js); 
//2 Methoden zu erkennen, die Last der ga.js 
//einige Browser verwenden beide jedoch 
geladen = false; //so verwenden Sie eine Boolesche 
js.onreadystatechange = function () { 
wenn (js.readyState == 'loaded') 
{ 
if(!geladen) 
{ 
innitGA(); 
} 
geladen = true; 
} 
}; 
js.onload = function () 
{ 
if(!geladen) 
{ 
innitGA(); 
} 
geladen = true; 
}; 
} 

Funktion innitGA() 
{ 
//var pageTracker = _gat._getTracker('GA_ACCOUNT/PROFILE_ID'); 
//pageTracker._initData(); 
//pageTracker._trackPageview(); 
alert ("oh hai ich beobachten kann plz?'); 
}