We Ain't Seen Nothin' Yet. : Google Analyticsに自動で外部リンクへの移動もトラッキングさせるようにするJavaScriptライブラリ「ga-external.js」

Google Analyticsに自動で外部リンクへの移動もトラッキングさせるようにするJavaScriptライブラリ「ga-external.js」

ga-external.jsは，Google Analyticsに外部リンクやファイルへの移動もトラッキングさせるようにするJavaScriptライブラリです． ga-external.jsをあなたのサイトに置き，HTMLから呼び出すだけでGoogle Analyticsが賢くなります．

はじめに

Google Analyticsは無料で使える高機能なアクセス解析ツールですが，自分のサイトに設置するためにはトラッキングコードと呼ばれるIDを発行してもらい，それをサイトのHTMLに追加する必要があります．

そのため，外部へのリンクやPDFなどのファイルへのリンクに対してアクセスの解析ができませんでした．そこで考えられたのが，onclick="urchinTracker()"を利用する方法でした．しかし，この方法では外部へのリンクを作成するたびにonclick属性をリンクに追加しなくてはなりませんでした．

そこで，だったら自動で全部の外部リンクにonclickを付ければいいじゃないか，という発想で生まれたのがga-external.jsです．

ga-external.js

ga-external.jsは，headタグ内などで呼び出されると，そのページ内の外部リンクと指定されたリンクに対して，Google Analyticsでトラッキング可能にするonclickイベントを設定します．

ダウンロード

ga-external.jsは以下のリンクからダウンロードできます．

最新版(Version 0.1.0) - Last Update: 2007/09/16 17:00: ga-external.js

なお，ga-external.jsの動作にはJavaScriptライブラリ「Prototype(prototype.js)」が必要です．動作確認はPrototype 1.5.0_rc0とPrototype 1.5.1.1で行いました．

使い方

ga-external.jsをダウンロード後，サイトの適当な場所に置き，トラッキングしたいページのヘッダ部分で以下のように呼び出します．

<head>
  <title>sample page</title>
  <script src="javascripts/prototype.js" type="text/javascript"></script>
  <script src="javascripts/ga-external.js" type="text/javascript"></script>
</head>

これだけで，あなたのサイト上のほとんどのリンクに対してGoogle Analyticsがトラッキングできるようになります．設置後，ある程度時間が経ってからGoogle Analyticsの上位のコンテンツページを確認してみてください．以下のような感じでトラッキングが記録されます．

/external/http://www.yahoo.co.jp/
/external/http://www.google.co.jp/

「/external/外部リンク先URL」という形式で記録されるので，/external/でURLを検索すれば，どの外部リンクが多くクリックされているかが分かるでしょう．

サンプルページ

ga-external.jsを利用して，外部リンクにonclickイベントを設定し，トラッキングURLをアラートで表示するサンプルページを作ってみました．どんなリンクがどのようにGoogle Analyticsで記録されるかを確認することができます．

サンプルページはこちら

本ライブラリに関するご意見・ご感想・ご質問などはお気軽にコメント・トラックバック，ブックマークコメントなどでお寄せください．ご質問に対しては返答させていただくとともに，ライブラリ作成の参考にさせていただきます．

対象となるリンク

現在のページのURLがhttp://www.example.com/と仮定して，ga-external.jsがonclickイベントを設定する対象のリンクURLを例を挙げて説明します．

外部サイトへのリンク

サブドメインが違う場合も，リンク先で同じトラッキングIDのGoogle Analyticsが利用できないため外部サイトとみなします．

http://www.yahoo.co.jp/
https://mail.google.com/mail/
http://example.com/ など

メールやjavascriptなどのHTTP以外のプロトコルによるリンク

mailto:mail@example.com
javascript:void(0);
ftp://ftp.riken.jp/Linux/fedora/core/
skype:example など

内部リンクでrel属性を指定したもの

rel属性を指定しない内部リンクには設定しません．

<a rel="lightbox" href="/images/sample.png">image</a>
<a rel="javascripts 0.1.1" href="ga-external.js">ga-external.js</a> など

以上のようなリンクに対して，ga-external.jsは自動的にGoogle Analyticsのトラッキングスクリプトをonclickイベントに設定します．

内部リンクのrel属性について

リンク先のページでもGoogle Analyticsを利用していれば，内部リンクにはonclickによるトラッキングは不要です．しかし，リンク先のページがJavaScriptファイルや，PDFファイルなどの場合には通常ではトラッキングの対象になりません．

そこで，ga-external.jsでは，内部リンクでもrel属性を指定することによってトラッキングを可能にしました．

rel属性の指定方法

ga-external.jsは任意のrel属性を認識してトラッキングスクリプトを調整します． rel属性を指定すると，以下のようなトラッキングスクリプトをonclickイベントに設定します．

<a rel="lightbox" href="/images/sample.png">image</a>
#=> urchinTracker('/lightbox/http://www.example.com/images/sample.png');

<a rel="javascripts 0.1.1" href="ga-external.js">ga-external.js</a>
#=> urchinTracker('/javascripts/http://www.example.com/ga-external.js/0.1.1');