「網頁瀏覽」評估可用來評估網站上特定網頁的瀏覽次數。網頁通常會對應到整個 HTML 文件,但也可以代表動態載入的內容,也就是所謂的「虛擬網頁瀏覽量」。
本指南說明如何使用 analytics.js 導入網頁瀏覽評估。
總覽
JavaScript 代碼包含用來建立追蹤程式物件的指令,以及將網頁瀏覽傳送至 Google Analytics (分析) 的指令。追蹤器建立完成後,系統會根據瀏覽情境設定多個欄位。title
欄位設為 document.title
的值,而 location
欄位會設為 document.location
的值,並忽略網址的錨定部分。
執行 send
指令時,系統會傳送追蹤器上儲存的 title
和 location
欄位,而 Google Analytics (分析) 會使用這些值來顯示使用者造訪過的網頁。
預設追蹤程式不會設定 page
欄位,但如果手動設定,該值會在報表中做為網頁路徑使用,並覆寫 location
欄位的值。
導入作業
您可以使用 send
指令,並指定 pageview
的 hitType,來傳送網頁瀏覽命中。send
指令的 pageview
命中類型的簽名如下:
ga('send', 'pageview', [page], [fieldsObject]);
網頁瀏覽欄位
下表摘要列出與網頁瀏覽評估相關的主要欄位。如要瞭解詳情 (和部分額外欄位),請參閱欄位參考資料的「內容資訊」一節。
欄位名稱 | 值類型 | 必要 | 說明 |
---|---|---|---|
title |
text | 否 | 網頁的標題 (例如首頁) |
location |
text | 否 * | 網頁網址。 |
page |
text | 否 * | 網址的路徑部分。這個值應以斜線 (/ ) 字元開頭。 |
*
雖然 page
或 location
欄位並非必要,但必須有其中一個項目存在,否則命中會無效。
例:
下列指令會將網頁瀏覽命中傳送至 Google Analytics (分析),且包含目前網頁的路徑。
ga('send', 'pageview', location.pathname);
請注意,就像所有 send
指令一樣,您在便利參數中傳送的欄位也可在 fieldsObject
中指定。上述指令可重新撰寫為:
ga('send', {
hitType: 'pageview',
page: location.pathname
});
修改網頁網址
在某些情況下,您要傳送至 Google Analytics (分析) 的網址與使用者瀏覽器網址列中顯示的網址不同。例如,假設網站的幾個網頁有多個網頁,使用者可以登入並檢視/編輯個人資訊。如果網站有關於個人資訊、帳戶資訊和通知設定的不同網頁,則這些網頁的網址看起來會像這樣:
/user/USER_ID/profile
/user/USER_ID/account
/user/USER_ID/notifications
如果您想全面瞭解,有多少使用者造訪這些網頁,就能在網址中加入不重複使用者 ID 值,讓達成這個目標更加困難。
如要解決這個問題,您可以指定已移除使用者 ID 的 page
值:
// Checks to see if the current user's userID is
// found in the URL, if it is, remove it.
// (Note, this assume the user ID is stored
// in a variable called `userID`)
if (document.location.pathname.indexOf('user/' + userID) > -1) {
var page = document.location.pathname.replace('user/' + userID, 'user');
ga('send', 'pageview', page);
}
這會為所有使用者傳送下列 page
值:
/user/profile
/user/account
/user/notifications
如果目前的網頁正在傳送其他命中 (例如事件),請確保每次命中都能以正確的網址傳送。在這種情況下,應更新追蹤器上的 page
欄位,而不是在 send
指令中傳遞。
在追蹤程式上設定此值,即可確保所有後續命中都會使用新的 page
值:
if (document.location.pathname.indexOf('user/' + userID) > -1) {
var page = document.location.pathname.replace('user/' + userID, 'user');
// Sets the page value on the tracker.
ga('set', 'page', page);
// Sending the pageview no longer requires passing the page
// value since it's now stored on the tracker object.
ga('send', 'pageview');
}
追蹤虛擬網頁瀏覽
許多網站現在都透過 AJAX 動態載入內容,而不需要在每個「網頁」載入整個網頁。這類網站通常稱為單頁應用程式 (SPA)。
如果您的網站會動態載入網頁內容並更新文件網址,您通常會想要傳送額外的網頁瀏覽,以評估這些「虛擬網頁瀏覽」。如需完整的導入詳情,請參閱使用 analytics.js 進行單一頁面應用程式追蹤的相關指南。