web-dev-qa-db-ja.com

Google Analyticsコードを挿入するのに最適な場所

Google AnalyticsコードをWordPress、ヘッダー、またはフッターに挿入するのに最適な場所はどこですか？フッターが好きです。ヘッダー内のスクリプトの数を減らしてサイトの読み込みを速くしたいのですが、スクリプトがフッターにある場合でも機能しますか？

javascripthtmlwordpressgoogle-analyticsanalytics
165
Marky34

Googleは、</body>タグの直前に配置することを推奨していました。これは、ga.jsを読み込むために提供した元のメソッドがブロックされていたためです。ただし、新しい非同期構文は最小限のブロックで安全に先頭に置くことができるため、現在の推奨事項は</head>タグの直前です。

<head>は少し遅延を追加します。フッターに挿入すると、わずかなマージンで記録されるページビューの数が減ります。それはトレードオフです。 ga.jsは大量にキャッシュされ、Web上の大部分のサイトに存在するため、多くの場合キャッシュから提供されるため、待ち時間がほぼゼロになります。

個人的な好みの問題として、私はそれを<head>に含めるのが好きですが、それは本当に好みの問題です。

227
Yahel

グーグルが言うように ：

</head>終了タグの直前に、Webページに貼り付けます。

非同期スニペットの主な利点の1つは、HTMLドキュメントの先頭に配置できることです。これにより、ユーザーがページを離れる前に追跡ビーコンが送信される可能性が高くなります。 JavaScriptコードを<head>セクションに配置するのが一般的です。最適なパフォーマンスを得るために、<head>セクションの下部にスニペットを配置することをお勧めします

29
Amr

ページのレンダリング後にスクリプトをロードする場合は、次を使用できます。

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

はい、とにかくフッターにGAコードを配置することをお勧めします。これは、ページがすべてのマークアップを読み取るまでページ訪問としてカウントされるべきではないためです。

1
citizen conn