私の質問は、Google AnalyticsのJavascriptコードをヘッダーに配置するのか、それともページの一番下(前</body>
)に配置するのかということです。HTMLの最後にGoogleAnalyticsのJavascriptコードを配置するのが最善だと人々が言うのを聞いたことがあります。他の人はそれをヘッダーに入れるのが最善だと言います。ベストプラクティスはありますか?
8 に答える
ヘッダーに入れてください。非同期であるため、ページの読み込みがブロックされることはなく、ヘッダーに配置することで、正確な統計情報を取得できる可能性が高くなります。
これはグーグルがそれについて言っていることです:
</head>
コード スニペットを見つけたら、それをコピーしてウェブページの終了タグの直前に貼り付けます*
。Web サイトでテンプレートを使用してページを生成する場合は、セクションを含むファイルの終了タグの直前にテンプレートを入力します。すべてのブラウザーで最高のパフォーマンスを得るには、次のいずれかの方法でサイトに他のスクリプトを配置することをお勧めします。
<head>
HTMLのセクションのトラッキング コード スニペットの前に- トラッキング コード スニペットとすべてのページ コンテンツの後 (HTML 本文の下部など)
そしてここに来ます *:
*非同期スニペットの主な利点の 1 つは、HTML ドキュメントの上部に配置できることです。これにより、ユーザーがページを離れる前に追跡ビーコンが送信される可能性が高くなります。セクションに JavaScript コードを配置するのが通例であり、最高のパフォーマンスを得るために、スニペットをセクションの下部に配置することをお勧めします。
違いは簡単で、答えはニーズによって異なります。誰かが誤ってあなたのサイトをクリックし、すぐに閉じてしまったとします。
スクリプトが上にある場合は、ビジターがいます。スクリプトが下にある場合は、ビジターはいません。
誰かが私のサイトを見ていない場合、それは訪問者ではありません。
グーグルアナリティクスによると
トラッキング コードを配置する場所
トラッキング コードは、ページのコンテンツの読み込みが完了した後にページからデータを読み取るように設計されています。このため、スニペットは Web ページの終了タグの直前に配置する必要があります。ページのコンテンツが読み込まれると、トラッキング コードが実行されると、ドキュメント オブジェクト モデル (DOM) に従ってページのコンテンツが読み取られます。追跡に関連するすべての情報は、ページ情報の確立、Cookie の設定/更新、GIF リクエストの Google アナリティクス サーバーへの送信に使用されます。
スクリプトをページ本文の最後に配置することで、トラッキング コードが DOM の最後の要素として実行されるようになります。特定のページの読み込みが何らかの理由で中断された場合、そのページ ビューの GIF リクエストが実行されない可能性があります。ただし、トラッキング コードをページの上部に配置すると、読み込みが中断されるとレポートが不完全または不正確になる可能性があります。これは、トラッキング コードがレポートのページ データに依存しているためです。
さらに、ページの下部にトラッキング コード呼び出しを物理的に配置する方が、onLoad() 関数を使用してトラッキング コードを呼び出すよりも効果的です。onLoad() を使用してトラッキング コードを実行する場合、実行は DOM ではなくブラウザのイベント モデルに依存します。このような状況で、リモート画像がページにロードされない場合、onLoad() は呼び出されませんが、ページの DOM は完全にロードされます。
それらが進化するにつれて、物事は時間とともに変化しました。私のGAアカウントでは、2016年にコードを取得すると、次のように言われました。
これは、このプロパティのユニバーサル アナリティクス トラッキング コードです。このプロパティでユニバーサル アナリティクスのメリットを最大限に活用するには、このコードをコピーして、追跡するすべてのウェブページに貼り付けてください。
GAコード
上記のコードを使用して「analyticstracking.php」という名前のファイルを作成し、そのファイルを各 PHP テンプレート ページに含めます。各テンプレート ページの開始 <body> タグの直後に次の行を追加します。
<?php include_once("analyticstracking.php") ?>
それをフッターに入れるのが最善だと思います。パンターがページ全体を取得し、すべてを見る機会があるのが最善だからです。ユーザーが誤ってサイトを選択した場合に誤検知が発生する可能性の一部を排除します。
フッターの</body>
タグの上に配置して、トラッキング コードが読み込まれると、ページ全体が読み込まれ、アナリティクス トラッキング コードがトラッキングできるようにします。