> | > Google Analyticsのイベントトラッキングを毎回書くのはめんどくさいのでjQueryでラクする方法

Google Analyticsのイベントトラッキングを毎回書くのはめんどくさいのでjQueryでラクする方法

小川貴史

このエントリーをはてなブックマークに追加

Google Analyticsのイベントトラッキングを毎回書くのはめんどいのでjQueryを使って楽しましょう。

Google Analyticsのイベントトラッキングを利用する場合、トラッキングしたい箇所に毎回下記のような記述をする必要があります。

<a href="#" onClick="_gaq.push(['_trackEvent', 'link', 'Yahoo']);">Yahoo</a>

1つや2つであればたいしたことないですが、大量になってくると非常にめんどくさく、かつミスをしやすい作業なります。

そこでjQueryを使って楽をする方法を紹介します。

リンクテキストの場合

HTML

<a href="#" title="Yahoo" class="link">Yahoo</a>
<a href="#" title="Google" class="link">Google</a>
<a href="#" title="Bing" class="link">Bing</a>

JavaScript (jQueryを利用します)

<script type="text/javascript">
	jQuery(document).ready(function(){
		jQuery('a.link').click(function(){
		var url = jQuery(this).attr('href');
		var file = url.match(".+/(.+?)$")[1];
		var ext = 'none';
		var fary = file.split('.');
		if(fary.length !== 0){
			ext = fary.pop();
		}
		_gaq.push(['_trackEvent', 'link', $(this).attr("title")]);
	});
});
</script>

上記を実行すると、class名にlinkが付いたa要素をクリックした際に、title属性の値を取得してGoogle Analyticsのイベントにカウントされます。

クリッカブルマップの場合

HTML

<map>
	<area shape="circle" coords="#" href="#" alt="Yahoo" class="link">
	<area shape="circle" coords="#" href="#" alt="Google" class="link">
	<area shape="circle" coords="#" href="#" alt="Bing" class="link">
</map>

JavaScript

<script type="text/javascript">
	jQuery(document).ready(function(){
		jQuery('area.link').click(function(){
		var url = jQuery(this).attr('href');
		var file = url.match(".+/(.+?)$")[1];
		var ext = 'none';
		var fary = file.split('.');
		if(fary.length !== 0){
			ext = fary.pop();
		}
		_gaq.push(['_trackEvent', 'link', $(this).attr("alt")]);
	});
});
</script>

上記を実行すると、map要素のalt属性の値を取得してきます。

バーチャル(仮想)ページビューで計測したい場合

_gaq.push(['_trackPageview', '/link/']);

イベントを計測した箇所が多い場合、かなり楽になると思います。一度お試しあれ。

元にしたjQuery

引用元:http://syncroot.com/google-analytics-event-tracking

このエントリーをはてなブックマークに追加

読者のコメント

コメントを投稿

コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。

(HTMLタグは使用できません)

トラックバック

このエントリーのトラックバックURL
http://www.ibnet.ne.jp/mt/mt-tb.cgi/1043

ホーム > JavaScript | アクセス解析 > Google Analyticsのイベントトラッキングを毎回書くのはめんどくさいのでjQueryでラクする方法

このページの先頭へ