最近のGoogle Analyticsのコードは</head>の直前に入れるべし
- 2010年06月02日
- category:javascript
- Comment(11)
- Trackback(0)
今まではGoogle Analyticsのコードが非同期で実行できなかったので、AnalyticsのJSが読み込まれるまでコンテンツの描画をブロックしてしまうのでbodyの一番下とかにコードを置くのが普通でしたけど、最近は非同期で実行できるようになったので</head>の直前に入れるのがよいみたいです。
ヘルプに書いてあります。
コードを確認できたらコピーしてウェブページに貼り付けます。</head>終了タグの直前に貼り付けてください*。
*非同期トラッキング コードの主なメリットの 1 つは、HTML 文書の一番上に配置できることです。これによって、ユーザーがページを離れる前にトラッキング ビーコンが送信される可能性が高くなります。JavaScript コードは <head> セクションに配置することが慣例となっており、このコードを <head> セクションの一番下に配置すると最高のパフォーマンスが得られます。
追記：hamashun先生とvant先生からコメントいただきました。以下のエントリーに詳しく書かれています。ありがとうございました。
http://t32k.com/mol/2010/05/asynchronous-tracking/#section31
- Prev Entry
- vimからlocal::libを設定するプラグイン
- Next Entry
- gitでリモートブランチを削除する
コメントフォーム
スパムがひどいので一時的にコメントフォーム閉じます。ゴメンナサイ。
コメント一覧
yasuoogle 2010年6月2日 20時59分
実際にAnalytics内のこのコードを設置してください、というところに書いてある説明は
Copy the following code, then paste it onto every page you want to track immediately after the opening tag.
となってます。実際のどちらなんでしょうね。どちらでもいいんだったら、head内にいれたいですね、なんとなく。
yasuoogle 2010年6月2日 21時01分
brが消えてたので追記。
Copy the following code, then paste it onto every page you want to track immediately after the ”br” opening tag.
でした。
hokaccha 2010年6月2日 21時15分
ドキュメントの中にもbodyの最初に書くべしという表記もありました。
実際、最初のほうに書いておけばどこにあっても同じだと思うんですけどね。
hamashun 2010年6月3日 11時05分
この件でしょうか。
http://t32k.com/mol/2010/05/asynchronous-tracking/#section31
hokaccha 2010年6月3日 13時00分
おお浜さん、ありがとうございます！まさにこれですね！
trisno 2010年8月20日 19時28分
初めまして，専門的なお話しの中，失礼いたします．
htmlに関して素人でありながらGoogle Analyticsの使用を試みている者です．
とある問題にぶち当たり色んなサイトを探しまくりましたが，解決の糸口が未だ見つからないのでここに行き着きました．
もしここにそぐわない内容であれば，無視して投稿を削除していただいて構いません．
Google Analyticsを設定するに当たりトラッキングコードを発行して，それをウェブページに貼り付けよ，とありますが，その貼り付けるという行為がどうやったらできるものか何をどうやってもわかりません．
Google Chromeだとソースの編集はできませんし，IE6や7でソースをTerapadで表示させての上にコード貼付して保存しても元の木阿弥です．
一体どうやればコード設定できるのでしょうか？
よろしくお願いいたします．
hokaccha 2010年8月20日 19時47分
trisnoさん
まず、根本的なところで勘違いをされているみたいです。HTMLのソースはブラウザでソースを開いて編集するものではありません。それができると他人のウェブサイトの情報が自由に変更できることになって非常に危険なことになります。
ウェブサイトを見るときは、サーバーに置いてあるファイルをブラウザが取りに行って、それをユーザーがダウンロードしてから見ることになります。なので、大本にあるサーバーにあるファイルを編集しないと変更したものは反映されません。
いつもサイトを更新するときにはどのようにして更新しているのでしょうか？
trisno 2010年8月20日 21時05分
ご回答ありがとうございます．
私が勘違いしている点，言われて初めて気がつきました．ご指摘感謝いたします．
サイトはLivedoorブログにログインして更新をしています．当該サイトのサーバーにおいてあるファイルの取り出し方が解決策ということでしょうか（当然のことながら当方は存じませんが）．
hokaccha 2010年8月20日 22時55分
ライブドアなどのブログサービスでしたらテンプレートのカスタマイズができると思いますので、そちらの編集画面でGoogle Analyticsのコードを埋め込むことができると思います。
私はライブドアブログを使ったことがないので、どこで編集するかまではわかりませんので、もしわからない場合はライブドアブログのヘルプページやお問い合わせを利用するのがいいのではないでしょうか。
http://help.blogpark.jp/
https://helpguide.livedoor.com/help_form/inquiry/?sv=blog
trisno 2010年8月21日 15時32分
こんにちは
ご教授いただいたサイトを歩き回って解決策に行き着きました．
http://knowledge.livedoor.com/2522
おかげさまで2週間以上わからなかった問題が解決しました．
昨夜夜中に設定して，今しがたAnalyticsがデータ収集を開始し始めました．
どうもありがとうございました．
hokaccha 2010年8月21日 16時38分
解決してよかったです！