網頁瀏覽

「網頁瀏覽」評估可用來評估網站上特定網頁的瀏覽次數。網頁通常會對應到整個 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 進行單一頁面應用程式追蹤的相關指南。