Google Analyticsのことをスクリプト面で勉強中です

Posted: 2012-05-13 Updated: 2012-05-13

Google Analyticsのこと

大概のことは、Tracking Basics (Asynchronous Syntax) - Google Analyticsに書いてあるので、これを参考にすればよい。キャンペーンとかマルチドメインなどなど掘ると深そうなので、今回は下記の基本になるグローバルオブジェクトほか基本的なトコだけ。

制作系はそもそもあんまり興味が無さそう
GAの公式コードが魔法のスニペット状態
正直自分もスクリプト面であんまり興味もってなかった
専任でもなければ、解析につぎ込む時間は限られる
簡単に程ほどでやれたらとりあえずOK

こんな偏見とイメージに基づいて目標は、_gaq.push(['_trackEvent', 'category', 'action']);のようなコードをonclick属性に書かずにイベントトラッキングできるようにして、専任でない層が興味を持てるような手段を提供すること。というか自分がそうしたい。

「簡単にできるなら試してみようかな」的ハードル下げをしたいという話です。簡単なところで触っておかないと、より詳しい解析ニーズの発掘とか対応とかできませんしね。

重要なグローバルオブジェクト

_gatと_gaqが重要というかコア部分になるようです。＆プラスアルファ。

global._gat

_gat Global Object

pageTrackerオブジェクトの生成をしてくれる。直接呼び出すことはほとんどなさそう。_gat._getTrackerByNameは、もしかしたら必要になることあるかもしれない。

global._gaq

_gaq Global Object

pushメソッドを通して非同期トラッキングのゲートになってくれる。ga.jsが初期化されるまではArrayとして存在するが、その後は中身が入れ替わるため、後からpushメソッドを通してアクションが登録されても実行される。

global._gaUserPrefs

Google Analyticsのオプトアウト用Extensionがそうですが、下記のように_gaUserPrefs.iooがtrueを返すように仕込むとトラッキングが行われません。

window._gaUserPrefs = {
    ioo: function() {
        return true;
    }
};

_gaqについて

_gaqの挙動がよいです。グローバルの_gaqに対するpushメソッドの実行時に、ga.jsが初期化前であればただのArrayとしてキューをため込み、初期化後であればオブジェクトが引き継いでトラッキングを実行してくれます。

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-xxxxxxx-x']);
_gaq.push(['_trackPageview']);

// この時点では _gaq はまだArrayである
// typeof window._gaq === 'array'

(function() {
     var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
     ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

// ga.jsが読み込まれて初期化されると _gaq はObjectになる
// typeof window._gaq === 'object'

_gaqがObjectになった後のpushメソッドは、Arrayではなく_gaqのprototypeがもつpushメソッドです。Arrayだった頃の_gaqが持っていたキューは、ga.jsの初期化時に実行されて、以後は_gaqは独自のオブジェクトとしてpushメソッドを通してトラッキングの実行を待ちます。

諸々メモ

非同期トラッキングするなら、すべてのメソッドは_gaq.pushを通して実行すればok
Outbound Linkのように必ずA要素の画面遷移が発生するようなケースでは、非同期トラッキングが行われる前に遷移してしまうケースがある（稀？要検証）
Page Trackerは、http://www.google-analytics.com/__utm.gif につづくGETパラメータでトラッキング情報を送信している
大分前に調べたときコンバージョン設定するには、pageviewとしてトラックしなければいけなかったような気がするけど、少なくとも今はイベントでもOK
Outboundとの比較で、同一ドメイン内でのリンク遷移っているイベント欲しいかしら？
結構、deprecatedなメソッドがあるので今後も入れ替わりはありそう
クロスドメインのことはまた今度
キャンペーンとかもまた今度

次回

Googleの直営ページで見かけるautotrack.js（minifyされてるけど）を解析した結果についてなんぞを。微妙に何かを再発明してしまったんじゃないか疑惑と共にお届けするかもしれない。

Author

ahomuAyumu Sato

KINTOテクノロジーズ株式会社

Web 技術、組織開発、趣味など雑多なブログ。技術の話題は zenn、ご飯の話題はしずかなインターネットにも分散して投稿しています。

Bio: aho.mu
X: @ahomu
Zenn: ahomu
GitHub: ahomu
Sizu: ahomu

Google Analyticsのことをスクリプト面で勉強中です