Comment puis-je charger dynamiquement JavaScript de Google Analytics?

Sans à l'aide de toutes les autres frameworks JS (dojo, jquery, etc), comment puis-je charger dynamiquement Google Analytique javascript pour être utilisé sur une page web pour le suivi sur le web?

Typique approprié pour le chargement dynamique de JS est de faire ce qui suit:

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

Mais qui ne fonctionne pas.

L'ga.js le fichier n'est pas chargé dans le temps pour _gat._getTracker & _initData/TrackPageview à la fonction.

Des idées sur la manière de charger dynamiquement ga.js.

Mise à JOUR: il Semble que quelqu'un a tenté de remédier à ce problème sur le lien suivant. Cependant, c'est pour une utilisation avec l'ancien Oursin code et pas de Google Analytics.

Des idées sur comment à obtenir que cela fonctionne avec ga.js au lieu de urchin.js?

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

que recommanderiez-vous le titre sera changé aussi?

OriginalL'auteur | 2009-04-15

  1. 6

    Vous pouvez utiliser cet extrait de 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>
    vous pouvez coller ce dans une fonction, mais n'oubliez pas que _gaq doit être globale (sur l'objet window)

    OriginalL'auteur bmavity

  2. 1

    Essayez d'utiliser le code JavaScript code fourni par Google, et puis conditionnellement de l'affichage cette section de code basé sur une construction dans votre framework d'INTERFACE. Vous n'avez pas dit ce que cette plate-forme est en cours d'exécution, si c'est ASP.NET pourrais-tu mettre le code dans un espace Réservé ou UserControl et ensuite de le rendre Visible sur true ou false selon un fichier de configuration paramètre si le script doit être inclus. J'ai utilisé cette méthode sur plusieurs sites, afin de prévenir l'analyse de script de pré-environnements de production.

    OriginalL'auteur

  3. 0

    Côté serveur programmation serait plus facile je pense, mais j'ai trouvé cette quelques il y a le temps. De l'avis qu'il propose plus spécifiquement à la html head.

    Également vérifier sur le premier lien sur " Ajouter le code Javascript Via Ajax.

    le premier lien est de montrer comment le faire en utilisant la méthode que je montre dans mon post, qui ne fonctionne pas. Le second lien décrit l'ajout de la JS html TÊTE de l'attribut, qui n'est pas souhaitable étant donné que cela n' de rendu html.
    merci bien pour tenter de répondre 🙂

    OriginalL'auteur Esteban Küber

  4. 0

    J'ai littéralement juste mettre quelque chose ensemble, qu'est-ce que... à l'aide de jquery. L'astuce consiste à ajouter un événement load de la balise script avec le code de suivi.

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

    La chose que je suis en train de travailler, c'est... est-ce autorisé par google.

    la question, dit sans jquery

    OriginalL'auteur