我遇到了將Google Analytics跟踪代碼添加到我一直在處理的網站上的所有出站鏈接的挑戰。這些鏈接分散在網站周圍,所以不是嘗試編輯一堆鏈接,而是以容易出錯的方式手動添加onclick處理程序,我決定變懶,並編寫一些代碼來處理它。
首先,我考慮在整個站點和數據庫中進行某種正則表達式搜索和替換,但這讓我想起了CSS3選擇器及其進行簡單模式匹配的能力。我已經看到人們通過這種方式對出站鏈接應用了一種特殊的樣式,所以經過幾分鐘的討論後,我現在有一大塊jQuery會自動跟踪所有出站鏈接的點擊。
簡而言之,這就是:
jQuery的(函數($){
//匹配“maincontent”div中的所有錨標記與//以“http”開頭但不包含//字符串“yourwebsite.com”的網址$('#maincontent a [href ^ =“http”] ')。不('一個[HREF * =“yourwebsite.com”]')。點擊(函數(){
嘗試{
//獲取href url並拋出“http://”var href = $(this).attr('href'); if(href.indexOf(“://”)> 0){
//在Google Analytics中跟踪頁面//“/tracking/outbound/www.somesite.com/foo”var outbound ='/ tracking / outbound /'+ href.split(“://”,2)[1 ]。 pageTracker._trackPageview(出站);
}} catch(e){}}}
運行此操作後,我的所有內部網頁都會照常跟踪,任何外部鏈接都會顯示為“/tracking/outbound/www.somesite.com/foo”的網頁瀏覽。
如果您鏈接到多個站點上的許多不同頁面,則在跟踪代碼中保留完整的站點URL並構建這些深層路徑特別有用。谷歌分析將允許您像正常內容一樣向下鑽取樹,并快速提取您收到的總出站點擊次數(/跟踪/出站)的數字,有多少人訪問www.somesite.com(/ tracking / outbound / www.somesite.com),以及有多少人點擊了網站上的特定頁面。
這節省了我相當多的時間,並且比我使用的任何其他出站跟踪方法更加靈活。我希望這有助於其他人。如果這對您有用,請在評論中留言。
更新:看起來我不是第一個這樣做的人。 Rebecca Murphey的一篇文章展示瞭如何做類似的事情,同時還將跟踪代碼添加到跟踪代碼中。我必須說,非常酷的東西。