- 2010年5月19日 00:53
- 06.マメ知識
非同期版(2010年最新のコード）での解説はこちら。
僕が今までtrackPageviewをいかに突っ込んだ使い方でイベントをカウントするか、ずっと考えたり提案したりしてきたんですが、ついに公式でtrackEventが追加されました。
メソッド自体は昔からあったんですが、中身がなかったので、今までは「今後追加予定」って感じでごまかされていた部分です。
で、これは何かというと、ページ内のボタンクリックやインタラクションを直接カウントできるようになったということ。
早速、使い方はこんな感じ↓ もちろん、ページ内にga.jsを読み込んだ上でね。
- _trackEvent(category, action, optional_label, optional_value)
category（必須）：トラックしたいイベントのグループ名。
action（必須）：こういう名前でカウントしたい、というインタラクション名。
label（オプション）：イベントデータに追加するディメンション。
value（オプション）：数値データをカウントするときはここに数字を入れる。使い方
- <a href="#" onClick="pageTracker._trackEvent('Videos', 'Play', 'Baby\'s First Birthday');">Play</a>
こんな感じでonClickに乗せれば、リンクのクリックイベントを取れます。ただのページ遷移リンクはtrackPageviewでカバーされるから、このクリックはページ内での遷移とか、ボタンを押したとかで使います。
カテゴリを同じくして、イベントを変えると、こんな感じに。
- pageTracker._trackEvent("Videos", "Play", "Gone With the Wind");
- pageTracker._trackEvent("Videos", "Stop", "Gone With the Wind");
- pageTracker._trackEvent("Downloads", "PDF", "/salesForms/orderForm1.pdf");
せっかくだからここにテスト用リンクを置いておきます。これを押すとカウントされます。
ビデオの再生ボタンを押したぜ！
ビデオの停止ボタンを押します。
俺はジャイアンガキ大将。
結果
コンテンツ＞イベントのトラッキング でカウント結果を確認できます。
上記の例だと、３番目の「俺はジャイアン」は日本語でイベントを設定してあるんですが、これもそのままカウントされました。
こりゃあグッと来ますね！！
カテゴリごとのアクションを比較する、という使い方が想定されます。まぁ、カテゴリの部分をページ名にするとか、見て分かりやすい形で設定しておけばいいだけですね。
イベントって？
これが出来ると何がうれしいかというと、イベントってクリックイベントだけじゃない、ということなんですよね。
ぱっと思いつくのは、画面読 込み完了時、画面離脱時、ajax読込み完了時、みたいなタイミング（HTMLのDOMイベント）にハンドリングしてページ状態の詳細をトラッキングする こともできるし、スクロールや右クリック、画面リサイズみたいな操作にハンドリングしてもいいし、クリックした場所の座標を取得してヒートマップ的なこと もできそうですよね。
- 2010年5月19日 00:53
- 06.マメ知識
非同期版(2010年最新のコード）での解説はこちら。
僕が今までtrackPageviewをいかに突っ込んだ使い方でイベントをカウントするか、ずっと考えたり提案したりしてきたんですが、ついに公式でtrackEventが追加されました。
メソッド自体は昔からあったんですが、中身がなかったので、今までは「今後追加予定」って感じでごまかされていた部分です。
で、これは何かというと、ページ内のボタンクリックやインタラクションを直接カウントできるようになったということ。
早速、使い方はこんな感じ↓ もちろん、ページ内にga.jsを読み込んだ上でね。
- _trackEvent(category, action, optional_label, optional_value)
category（必須）：トラックしたいイベントのグループ名。
action（必須）：こういう名前でカウントしたい、というインタラクション名。
label（オプション）：イベントデータに追加するディメンション。
value（オプション）：数値データをカウントするときはここに数字を入れる。使い方
- <a href="#" onClick="pageTracker._trackEvent('Videos', 'Play', 'Baby\'s First Birthday');">Play</a>
こんな感じでonClickに乗せれば、リンクのクリックイベントを取れます。ただのページ遷移リンクはtrackPageviewでカバーされるから、このクリックはページ内での遷移とか、ボタンを押したとかで使います。
カテゴリを同じくして、イベントを変えると、こんな感じに。
- pageTracker._trackEvent("Videos", "Play", "Gone With the Wind");
- pageTracker._trackEvent("Videos", "Stop", "Gone With the Wind");
- pageTracker._trackEvent("Downloads", "PDF", "/salesForms/orderForm1.pdf");
せっかくだからここにテスト用リンクを置いておきます。これを押すとカウントされます。
ビデオの再生ボタンを押したぜ！
ビデオの停止ボタンを押します。
俺はジャイアンガキ大将。
結果
コンテンツ＞イベントのトラッキング でカウント結果を確認できます。
上記の例だと、３番目の「俺はジャイアン」は日本語でイベントを設定してあるんですが、これもそのままカウントされました。
こりゃあグッと来ますね！！
カテゴリごとのアクションを比較する、という使い方が想定されます。まぁ、カテゴリの部分をページ名にするとか、見て分かりやすい形で設定しておけばいいだけですね。
イベントって？
これが出来ると何がうれしいかというと、イベントってクリックイベントだけじゃない、ということなんですよね。
ぱっと思いつくのは、画面読 込み完了時、画面離脱時、ajax読込み完了時、みたいなタイミング（HTMLのDOMイベント）にハンドリングしてページ状態の詳細をトラッキングする こともできるし、スクロールや右クリック、画面リサイズみたいな操作にハンドリングしてもいいし、クリックした場所の座標を取得してヒートマップ的なこと もできそうですよね。
- 2010年5月19日 00:53
- 06.マメ知識
非同期版(2010年最新のコード）での解説はこちら。
僕が今までtrackPageviewをいかに突っ込んだ使い方でイベントをカウントするか、ずっと考えたり提案したりしてきたんですが、ついに公式でtrackEventが追加されました。
メソッド自体は昔からあったんですが、中身がなかったので、今までは「今後追加予定」って感じでごまかされていた部分です。
で、これは何かというと、ページ内のボタンクリックやインタラクションを直接カウントできるようになったということ。
早速、使い方はこんな感じ↓ もちろん、ページ内にga.jsを読み込んだ上でね。
category（必須）：トラックしたいイベントのグループ名。
action（必須）：こういう名前でカウントしたい、というインタラクション名。
label（オプション）：イベントデータに追加するディメンション。
value（オプション）：数値データをカウントするときはここに数字を入れる。
僕が今までtrackPageviewをいかに突っ込んだ使い方でイベントをカウントするか、ずっと考えたり提案したりしてきたんですが、ついに公式でtrackEventが追加されました。
メソッド自体は昔からあったんですが、中身がなかったので、今までは「今後追加予定」って感じでごまかされていた部分です。
で、これは何かというと、ページ内のボタンクリックやインタラクションを直接カウントできるようになったということ。
早速、使い方はこんな感じ↓ もちろん、ページ内にga.jsを読み込んだ上でね。
- _trackEvent(category, action, optional_label, optional_value)
action（必須）：こういう名前でカウントしたい、というインタラクション名。
label（オプション）：イベントデータに追加するディメンション。
value（オプション）：数値データをカウントするときはここに数字を入れる。
使い方
- <a href="#" onClick="pageTracker._trackEvent('Videos', 'Play', 'Baby\'s First Birthday');">Play</a>
カテゴリを同じくして、イベントを変えると、こんな感じに。
- pageTracker._trackEvent("Videos", "Play", "Gone With the Wind");
- pageTracker._trackEvent("Videos", "Stop", "Gone With the Wind");
- pageTracker._trackEvent("Downloads", "PDF", "/salesForms/orderForm1.pdf");
ビデオの再生ボタンを押したぜ！
ビデオの停止ボタンを押します。
俺はジャイアンガキ大将。
結果
コンテンツ＞イベントのトラッキング でカウント結果を確認できます。
上記の例だと、３番目の「俺はジャイアン」は日本語でイベントを設定してあるんですが、これもそのままカウントされました。
こりゃあグッと来ますね！！
カテゴリごとのアクションを比較する、という使い方が想定されます。まぁ、カテゴリの部分をページ名にするとか、見て分かりやすい形で設定しておけばいいだけですね。
イベントって？
これが出来ると何がうれしいかというと、イベントってクリックイベントだけじゃない、ということなんですよね。ぱっと思いつくのは、画面読 込み完了時、画面離脱時、ajax読込み完了時、みたいなタイミング（HTMLのDOMイベント）にハンドリングしてページ状態の詳細をトラッキングする こともできるし、スクロールや右クリック、画面リサイズみたいな操作にハンドリングしてもいいし、クリックした場所の座標を取得してヒートマップ的なこと もできそうですよね。
