web-dev-qa-db-ja.com

Google Analytics JSを<head>または<body>の最後に配置する必要がありますか？

Googleはjavascriptを提供し、<head>に含めるよう指示しています。

<body>の最後に配置できますか、それを行うと何らかの副作用が発生しますか？

google-analytics
115
user34537

<head>セクションの最後に配置すると、ユーザーがページの読み込みを完了させなくても、メトリックが追跡されるようになります。

以前は、ページの部分的な読み込みを処理するためのサポートを追加する前に、ページの下部に配置するように指示していました。

Googleから直接：

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

Googleアナリティクスヘルプをご覧ください： トラッキングコードをサイトに直接追加

143
Chris Arguin

好きな場所に置くことができます。トラッキングコードは常にページの最後に配置し、問題は一度もありません。

5
casablanca

ページの好きな場所に置くことができ、ページのどこでも、頭でも本文でも実行できます。ただし、Googleのサポートによると（ サイトに直接トラッキングコードを追加 ）、headタグに追加することをお勧めします。終了</head>タグ。

良い記事 からの段落の後に、コードをheadタグに入れる理由を説明します

ページビューは、そのコードがロードされた後にのみ記録されます。そのため、コードを読み込むのが早いほど、ページビューが早く記録されます。大きなブログページがあり、読み込みに時間がかかり、すべてを読み込むのに10〜20秒かかる場合もあります。 Googleコードがページの最後まで開始されない場合、他のコード行を保持するために使用される古い非同期コードのように、保持される可能性があります。今を除き、トラッキングコードを保持しています。サイトへの訪問者がページをヒットし、トラッキングコードがページビューを起動する前にページを離れると、その訪問者は失われます。彼らは今、彼らが上陸したサイトのどのページへの新しい直接訪問になります。これにより、サイト上のあらゆる種類のデータが不正確になる可能性があります。

2
Subodh Ghulaxe

次のコード（「JavaScriptトラッキングスニペット」と呼ばれる）をサイトのテンプレートに追加することが、analytics.jsを使い始める最も簡単な方法です。

コードはタグの上部付近で、他のスクリプトまたはCSSタグの前に追加し、文字列「UA-XXXXX-Y」はGoogleアナリティクスのプロパティID（「トラッキングID」とも呼ばれる）に置き換える必要があります追跡するプロパティ。

<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).Push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

上記のコードは、主に4つのことを行います。

  1. https://www.google-analytics.com/analytics.js からanalytics.js JavaScriptライブラリの非同期ダウンロードを開始する要素を作成します

  2. Analytics.jsライブラリが読み込まれ、準備ができたら実行するコマンドをスケジュールできるグローバルga関数（ga（）コマンドキュー）を初期化します。

  3. Ga（）コマンドキューにコマンドを追加して、「UA-XXXXX-Y」パラメーターで指定されたプロパティの新しいトラッカーオブジェクトを作成します。

  4. 別のコマンドをga（）コマンドキューに追加して、現在のページのページビューをGoogleアナリティクスに送信します。

0
Mile Mijatovic

頭の</ head>終了タグの直前では、ウェブマスターツールでウェブサイトを確認しても問題はありません。

0
Sezhers