使用jQuery進行自動出站鏈接分析 - 💡 Fix My Ideas

使用jQuery進行自動出站鏈接分析

使用jQuery進行自動出站鏈接分析


作者: Ethan Holmes, 2019

我遇到了將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的一篇文章展示瞭如何做類似的事情,同時還將跟踪代碼添加到跟踪代碼中。我必須說,非常酷的東西。



您可能感興趣

通過挑選針和線來慶祝女性的歷史月

通過挑選針和線來慶祝女性的歷史月


方法:旅行袖扣袋

方法:旅行袖扣袋


食譜:素食者料理鼠王

食譜:素食者料理鼠王


前10名:啤酒製作的東西

前10名:啤酒製作的東西






最近的帖子