關鍵要點
- Google Analytics 不會自動追踪外鏈,但用戶可以通過升級到 Universal Analytics 並實現自定義事件追踪代碼來添加此功能。
- 自定義事件追踪代碼使用 JavaScript 向 body 元素添加點擊事件處理程序,然後記錄外鏈點擊並將其數據發送到 Google Analytics。建議使用 jQuery 1.x 或其他庫來實現強大的跨瀏覽器事件處理。
- 追踪外鏈對於理解用戶行為、優化網站內容、提升用戶體驗、增加參與度以及識別與其他網站的潛在合作機會至關重要。不懂代碼的用戶可以使用 Google Tag Manager。
Google Analytics 提供了海量信息。如果您只是將追踪腳本添加到頁面中,您將面臨關於網站用戶活動的無盡數據流和報告。但是,雖然 Analytics 顯示退出頁面,但它不會告訴您用戶點擊了哪些鏈接離開您的網站。在本文中,我們將了解如何添加外鏈追踪。
Google 是否記錄外鏈?
可能。如果您使用 Analytics 從一個網站鏈接到另一個使用 Analytics 的網站,Google 可能會記錄這種關係。不幸的是,如果一個或多個外站不使用 Analytics,報告就會產生誤導。 Google 有其他收集數據的方法:當您擁有頂級瀏覽器和搜索引擎時,您可以收集大量統計數據!但是,我們隨後會從網站 Analytics 轉向更模糊的領域;Google 不一定會想分享這些數據。幸運的是,我們可以自己收集外鏈詳細信息。
首先升級到 Universal Analytics!
在我們繼續之前,您必須升級到 Universal Analytics。 Google 可能已經為您啟動了此過程,但必須更新您網站頁面上的追踪代碼。這很麻煩,但是下面顯示的外鏈追踪代碼在沒有它的情況下將無法工作。 (它可以與舊版 Analytics 配合使用,但最終會停止工作,因此最好現在升級。)
自定義事件追踪
Analytics 支持事件追踪。通常,它用於記錄頁面內 JavaScript 控制的交互,例如打開小部件或進行 Ajax 調用。我們可以使用事件追踪來記錄外鏈,但需要克服一些障礙:
- 該事件必須在所有瀏覽器上記錄,並且不會妨礙導航;
- 我們不應該需要手動識別或附加到每個外鏈的單獨處理程序;
- 我們必須確保在外部頁面開始加載之前記錄事件。
解決方案……
- 我們將點擊事件處理程序附加到 body 元素。這將接收點擊鏈接事件,因為它們通過 DOM 冒泡。
- 我們可以檢測鏈接是否會打開與我們不同的域上的頁面。如果它是外鏈,我們將取消點擊事件並啟動 Analytics 事件追踪。
- 在後台,Analytics 通過請求圖像信標來發送數據。調用完成後,它可以運行回調函數,以便我們可以重定向到外部頁面。
- 我們需要注意並確保追踪永遠不會停止用戶導航,即使在失敗的情況下也是如此。該過程必須快速,不處理已被其他進程停用的點擊,並確保即使 Analytics 事件失敗,鏈接也能正常工作。
我們希望追踪在任何地方都能工作,所以我建議使用一個具有強大的跨瀏覽器事件處理的庫。我將在此示例中使用 jQuery 1.x,因為大多數網站都使用它,但您可以替換輕量級選項,例如 min.js、Zepto.js、Minified.js 或您自己的事件處理函數。完整的代碼如下所示。這可以添加到現有的 JavaScript 文件中,或者在一個腳本塊中,只要它加載在 HTML body 中的某個位置(理想情況下,就在結束標籤之前)。 jQuery(或您的替代方案)必須首先加載,儘管 Google Analytics 追踪代碼可以出現在頁面的任何位置。
/* Track outbound links in Google Analytics */ (function($) { "use strict"; // current page host var baseURI = window.location.host; // click event on body $("body").on("click", function(e) { // abandon if link already aborted or analytics is not available if (e.isDefaultPrevented() || typeof ga !== "function") return; // abandon if no active link or link within domain var link = $(e.target).closest("a"); if (link.length != 1 || baseURI == link[0].host) return; // cancel event and record outbound link e.preventDefault(); var href = link[0].href; ga('send', { 'hitType': 'event', 'eventCategory': 'outbound', 'eventAction': 'link', 'eventLabel': href, 'hitCallback': loadPage }); // redirect after one second if recording takes too long setTimeout(loadPage, 1000); // redirect to outbound page function loadPage() { document.location = href; } }); })(jQuery); // pass another library here if required
該事件使用類別名稱“outbound”(外鏈)、操作名稱“link”(鏈接)以及設置為外鏈 URL 的值進行記錄。如有必要,您可以修改 ga 調用中的這些內容(第 24 至 26 行)。實施後,訪問您的網站並點擊一些外鏈。您應該在 Analytics 實時 > 事件面板中看到活動。幾小時後,更多數據將出現在行為 > 事件窗格中。請隨意使用此代碼。
關於在 Google Analytics 中追踪外鏈的常見問題
追踪 Google Analytics 中的外鏈有什麼意義?
在 Google Analytics 中追踪外鏈對於了解網站上的用戶行為至關重要。它允許您查看訪客點擊了哪些外部鏈接,從而深入了解他們的興趣和偏好。此數據可用於優化網站內容、改善用戶體驗和提高參與度。它還有助於識別與受眾經常訪問的其他網站的潛在合作機會。
如何設置 Google Analytics 來追踪外鏈?
設置 Google Analytics 來追踪外鏈涉及創建和實現自定義事件追踪代碼。此代碼應添加到網站上每個外鏈的 HTML 中。當用戶點擊鏈接時,該事件將在 Google Analytics 中記錄。然後,您可以在 Google Analytics 帳戶的“事件”部分訪問此數據。
我可以在沒有編碼知識的情況下追踪網站上的外鏈嗎?
是的,您可以使用 Google Tag Manager 在沒有編碼知識的情況下追踪外鏈。此工具允許您創建和管理追踪標籤,而無需修改網站代碼。您只需為外鏈點擊設置一個新的標籤,並配置觸發器以便在用戶點擊外鏈時觸發。
外鍊和內鏈有什麼區別?
外鍊是指網站上將用戶定向到其他網站的鏈接,而內鍊是指其他網站上將用戶定向到您網站的鏈接。追踪這兩種類型的鏈接對於 SEO 和了解用戶行為都很重要。
如何使用外鏈追踪數據來改進我的網站?
外鏈追踪數據可用於識別受眾感興趣的內容類型。通過了解訪客經常訪問哪些外部網站,您可以調整內容以匹配他們的興趣。這可以提高參與度和用戶留存率。
追踪外鏈會影響我的網站 SEO 嗎?
追踪外鏈不會直接影響您的網站 SEO。但是,獲得的數據可用於改進您的內容策略,這可以間接改善您的 SEO。同樣重要的是要注意,鏈接到高質量的相關網站可以提高您網站的可信度和搜索引擎排名。
如何實時追踪 Google Analytics 中的外鏈?
通過為外鏈點擊設置事件追踪,可以在 Google Analytics 中實現外鏈的實時追踪。設置完成後,您可以在 Google Analytics 帳戶的“實時”部分查看實時數據。
我可以追踪網站特定頁面上的外鏈嗎?
是的,您可以通過在 Google Analytics 中設置特定於頁面的事件追踪來追踪特定頁面上的外鏈。這使您可以了解各個頁面的用戶行為並相應地對其進行優化。
追踪外鏈的常見挑戰有哪些?我該如何克服這些挑戰?
追踪外鏈的一些常見挑戰包括正確設置追踪代碼、解釋數據以及隨著網站發展而維護追踪設置。可以通過使用 Google Tag Manager 等工具、尋求專業人士的幫助或學習更多關於 Google Analytics 的知識來克服這些挑戰。
我可以在移動設備上追踪外鏈嗎?
是的,Google Analytics 允許您在台式機和移動設備上追踪外鏈。這提供了跨所有設備的用戶行為的全面視圖。
以上是如何跟踪Google Analytics(分析)中的出站鏈接的詳細內容。更多資訊請關注PHP中文網其他相關文章!

JavaScript字符串替換方法詳解及常見問題解答 本文將探討兩種在JavaScript中替換字符串字符的方法:在JavaScript代碼內部替換和在網頁HTML內部替換。 在JavaScript代碼內部替換字符串 最直接的方法是使用replace()方法: str = str.replace("find","replace"); 該方法僅替換第一個匹配項。要替換所有匹配項,需使用正則表達式並添加全局標誌g: str = str.replace(/fi

利用輕鬆的網頁佈局:8 ESTISSEL插件jQuery大大簡化了網頁佈局。 本文重點介紹了簡化該過程的八個功能強大的JQuery插件,對於手動網站創建特別有用

因此,在這裡,您準備好了解所有稱為Ajax的東西。但是,到底是什麼? AJAX一詞是指用於創建動態,交互式Web內容的一系列寬鬆的技術。 Ajax一詞,最初由Jesse J創造

該帖子編寫了有用的作弊表,參考指南,快速食譜以及用於Android,BlackBerry和iPhone應用程序開發的代碼片段。 沒有開發人員應該沒有他們! 觸摸手勢參考指南(PDF)是Desig的寶貴資源

jQuery是一個很棒的JavaScript框架。但是,與任何圖書館一樣,有時有必要在引擎蓋下發現發生了什麼。也許是因為您正在追踪一個錯誤,或者只是對jQuery如何實現特定UI感到好奇

10款趣味橫生的jQuery遊戲插件,讓您的網站更具吸引力,提升用戶粘性!雖然Flash仍然是開發休閒網頁遊戲的最佳軟件,但jQuery也能創造出令人驚喜的效果,雖然無法與純動作Flash遊戲媲美,但在某些情況下,您也能在瀏覽器中獲得意想不到的樂趣。 jQuery井字棋遊戲 遊戲編程的“Hello world”,現在有了jQuery版本。 源碼 jQuery瘋狂填詞遊戲 這是一個填空遊戲,由於不知道單詞的上下文,可能會產生一些古怪的結果。 源碼 jQuery掃雷遊戲

本教程演示瞭如何使用jQuery創建迷人的視差背景效果。 我們將構建一個帶有分層圖像的標題橫幅,從而創造出令人驚嘆的視覺深度。 更新的插件可與JQuery 1.6.4及更高版本一起使用。 下載


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

EditPlus 中文破解版
體積小,語法高亮,不支援程式碼提示功能

Safe Exam Browser
Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

SAP NetWeaver Server Adapter for Eclipse
將Eclipse與SAP NetWeaver應用伺服器整合。

ZendStudio 13.5.1 Mac
強大的PHP整合開發環境

VSCode Windows 64位元 下載
微軟推出的免費、功能強大的一款IDE編輯器