Googleアナリティクス、様々なイベントやアクションを取得可能に

2007-12-15 | Sigeo | 0 | カテゴリ SEM・SEO 関連, WEBマーケティング関連

Analytics 日本版公式ブログによると、以前のバージョンにもあり、さらに機能を強化した「グラフの複数データ表示機能」の追加と、「新しいトラッキングコード用の JavaScript」をリリースしていました。金曜日に発表してくれると言うのがなかなかおつですねｗｗ早速トラッキングコードを変更しなければ。。。

Googleアナリティクスの新機能

1. グラフの複数データ表示

Google Analyticsの複数グラフ機能

↑このサクサク感、たまりませんｗｗ比較できるのは選択した2つの統計情報と、特定の2つの期間。私のサイトはEコマースにしていないので項目が少ないのですが、設定していれば、これに2列の項目が追加されます。

特に2つの統計比較は「このジャンルの記事だと人気は出るけど直帰率高いな。」とか、「あの仕掛けがあると平均PV増加するな。」といった統計も一目瞭然になりますよね。

2. トラッキングコードの変更をしよう

google analyticsのトラッキングコードが変更に

↑今回トラッキングコードに新しく追加された「ga.js」。今まで取れなかった「動画再生」などのイベントのトラッキングや「特定のリンクをクリックした人をセグメントする。」というカスタマイズも効くようになったようです。そして今後追加される新機能も「ga.js」のみが対象。今までの「urchin.js」も使えますが、極力変えたほうが良さそうです。

ga.js カスタマイズ例

ga.js カスタマイズガイド (英語) でいくつかサンプルが掲載されていたので一部をご紹介します。

訪問者のセグメント: ユーザーが特定のリンクをクリックすると、そのユーザーに属性をつけることができます; サンプルコード
<ul id="mainMenu"> <li>犬</li> <li>猫</li> <li>魚</li> <li>鳥</li> </ul>
特定のPDFのダウンロードアクション: トラッキングコードに追加する「ラベル」サンプル; downloadTracker._trackEvent(“PDF”, “PDFのパス”);; ↑のコードを下記のようにトラッキングコードへ追加すればOKです; <script type="text/javascript"> var pageTracker = _gat._getTracker("トラッキングID"); pageTracker._initData(); pageTracker._trackPageview(); downloadTracker._trackEvent("PDF", "/salesForms/orderForm1.pdf"); </script>
ページの読み込み時間: ↓のような形でトラッキングコードを埋め込むと読み込み時間を計測できるようです; <body> <script type="text/javascript"> var Begin = new Date(); var Start = Begin.getTime(); </script> < ... ページコンテンツ ... > <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write("\<script src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'>\<\/script>" ); </script> <script type="text/javascript"> var pageTracker = _gat._getTracker("トラッキングID"); pageTracker._initData(); pageTracker._trackPageview(); var loadTracker = pageTracker._createEventTracker('Page Load'); //creates an event tracker object with the name "Page Load" var End = new Date(); var Stop = End.getTime(); var timeElapse = Stop - Start; loadTracker._trackEvent('Load Finish', 'Slideshow Preview Page', timeElapse); </script> </body>