透過 Jquery 簡化 google 分析應用.

2010-01-28

2152
0

摘要:透過 Jquery 簡化 google 分析應用.

引用套件:
    1. jquery 這個當然是基本盤
    2. Google Analytics jQuery Plugin http://www.shamasis.net/projects/ga/
       1 K 左右的小外掛.

引用方式:

<head>
	....
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js" type="text/javascript"></script>
	<script src="jquery.ga.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(document).ready( function() { $.ga.load('UA-1234567-4'); } );
		$(document).ready(function(){$('a').click(function(){
			//alert($(this).attr("title") );
			//alert($(this).html());
			//alert($(this).attr("href") );
			$.ga.trackEvent('app_asp', 'click', $(this).attr("href") , 0 );
		});});
	</script>
</head>
..............
	<a href="#xx1" title="功能一">連結A</a>
	<a href="#xx2" title="功能二">連結B</a>
	<a href="#xx7" title="XX1操作手冊">XX1操作手冊</a>
	<a href="#xx8" title="XX2操作手冊">XX2操作手冊</a>
..............

　　這樣假設我們有一頁文件下載頁,透過上面的程式碼 , 就可以產生使用者
對每一個連結的點擊紀錄，再透過連結的 title 屬性 , 最後在 google 分析
的報表中 , 透過事件追蹤那一部份的報表就可以統計出文件下載的次數 , 或
功能點擊的次數 , 雖然點擊跟實際執行或下載的次數未必百分百吻合，但對於
掌握系統功能資料下載的使用概況，這樣的數據已經很足夠了。

　　採用這樣的方式 , 在對於就系統沒有使用 master page 或引用共用框架
的系統，不用一頁頁去加 google 分析的 js 只要抓出 , 幾頁功能表頁 , 追蹤
其上連結點點擊事件就可以掌握系統使用的概況。

　　$(document).ready( function() { $.ga.load('UA-1234567-4'); } );
這一段 , 建議是可以直接包進 jquery.ga.js 裡面，因為同一個站 , 用的
google 分析序號應該都一樣啦 , 必要每頁去寫 , 包進 js 比較簡單。

javascript

回首頁