Google近日宣布Google Analytics將可以支援非同步跟蹤Asynchronous Tracking,相對以前的跟蹤代碼,非同步跟蹤在許多方面都有所改進:載入速度更快,代碼可以部署在網頁header頭部位置,而非頁面底部。新的代碼也將會更穩性的被載入執行,所有分析資料將會更精確。新的代碼將在頁面<head>部分代碼載入的同時被執行。
舊的Google分析一般放置在頁面底部</body>之前,GA代碼被載入前必須載入必須要先載入所有前面的Javascript指令碼,這意味著如果前面有任何Javascript沒有被正常載入,或者使用者在很短的時間離開網頁,Google都不會記錄網頁資料!
Google已經就如何在非同步環境下建立特定的應用跟蹤提供了新的方法,在這裡我們將列出我們較常用的,新的虛擬瀏覽量跟蹤方法,虛擬瀏覽量跟蹤方法允許Google分析管理員跟蹤外鏈點擊、按鈕點擊、下載、表單提交等重要的使用者行為事件!
因為非同步跟蹤代碼的更新,舊的虛擬瀏覽量跟蹤代碼必須經過改進後才可以正常使用,在下面的範例程式碼中,我們將分別列出舊的Google分析代碼與新的非同步跟蹤代碼環境下如何建立
虛擬瀏覽量跟蹤
舊的Google分析指令碼
以下為引用的內容: <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl/." : "http://www/."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-xxxxxx-1"); pageTracker._trackPageview(); } catch(err) {}</script>
|
新的非同步跟蹤代碼
以下為引用的內容: <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-XXXXX-X']); _gaq.push(['_trackPageview']); (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'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga); })(); </script>
|
舊的代碼下,如何建立虛擬瀏覽量跟蹤(示範如下)
<a onclick="javascript: pageTracker._trackPageview ('/outgoing/xxx.cn');" href=" http://www.adsem.cn/">Click Here</a>
非同步跟蹤代碼環境下,如何建立虛擬瀏覽量跟蹤
<a onclick="javascript: _gaq.push(['_trackPageview', '/outgoing/xxx.cn']);" href="http://www.adsem.cn/">Click Here</a>
在上面的樣本中,我們可以很容易看到代碼的改進。我們將舊跟蹤代碼中的pagetracker部分,在非同步跟蹤將使用_gaq.push來替換.使用者點擊此代碼中的連結,將會產生以’/outgoing/xxx.cn’命名的虛擬綜合瀏覽量,當然我們很容易將這個使用者點擊行為後產生的虛擬瀏覽量作為Google分析的目標轉換。