web-dev-qa-db-fra.com

Meilleur endroit pour insérer le code Google Analytics

Où est le meilleur endroit pour insérer le code Google Analytics dans WordPress, en-tête ou pied de page? Je préfère le pied de page, car je voulais que mon site se charge plus rapidement en réduisant le nombre de scripts dans l'en-tête, mais cela peut-il fonctionner même si le script est dans le pied de page?

javascripthtmlwordpressgoogle-analyticsanalytics
165
Marky34

Google recommandait de la placer juste avant la balise </body>, car la méthode originale de chargement de ga.js était bloquante. La nouvelle syntaxe asynchrone, cependant, peut être facilement mise en tête avec un blocage minimal. La recommandation actuelle est donc juste avant la balise </head>.

<head> ajoutera un peu de latence; dans le pied de page réduira le nombre de pages vues enregistrées avec une petite marge. C'est un compromis. ga.js est fortement mis en cache et est présent sur un pourcentage élevé de sites Web. Il est donc souvent exploité à partir du cache, ce qui réduit le temps d'attente à presque zéro.

Pour des raisons personnelles, j'aime bien l'inclure dans le <head>, mais c'est vraiment une question de préférence.

229
Yahel

Comme dit Google :

Collez-le dans votre page Web, juste avant la balise de fermeture </head>.

L'un des principaux avantages de l'extrait de code asynchrone est que vous pouvez le positionner en haut du document HTML. Cela augmente la probabilité que la balise de suivi soit envoyée avant que l'utilisateur quitte la page. Il est de coutume de placer du code JavaScript dans la section <head> et nous vous recommandons de placer l'extrait de code au bas de la section <head> pour des performances optimales.

29
Amr

Si vous souhaitez que vos scripts soient chargés après le rendu de la page, vous pouvez utiliser:

function getScript(a, b) {
    var c = document.createElement("script");
    c.src = a;
    var d = document.getElementsByTagName("head")[0],
        done = false;
    c.onload = c.onreadystatechange = function() {
        if (!done && (!this.readyState || this.readyState == "loaded" || this.readyState == "complete")) {
            done = true;
            b();
            c.onload = c.onreadystatechange = null;
            d.removeChild(c)
        }
    };
    d.appendChild(c)
}

//call the function
getScript("http://www.google-analytics.com/ga.js", function() {
    // do stuff after the script has loaded
});
2
Sparkup

Oui, il est néanmoins recommandé de placer le code GA dans le pied de page, car la page ne devrait pas compter comme une visite de page tant qu'elle n'a pas lu toutes les balises.

1
citizen conn