傳統語法

本文說明如何使用傳統 ga.js 追蹤程式碼片段,為網站設定 Analytics (分析) 追蹤。如果您是首次設定追蹤功能,建議您使用預設追蹤程式碼片段,詳情請參閱「追蹤網站」一文。

在網站資源上設定追蹤的基本方式有兩種:標準設定和自訂設定。本文件說明上述方式以及相關主題:

在網站上正確安裝 ga.js 追蹤程式碼後,您就會開始收到報表資料。 設定追蹤程式碼後,報表資料會在 24 小時內顯示在報表中。

標準設定

初次在 Google Analytics (分析) 網站中導入追蹤功能時,您需要在網站上安裝追蹤程式碼。一般的追蹤程式碼片段由兩個部分組成:一個是參照 ga.js 追蹤程式碼的指令碼標記,另一個是執行追蹤程式碼的指令碼。

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
  var pageTracker = _gat._getTracker("UA-xxxxxx-x");
  pageTracker._trackPageview();
} catch(err) {}
</script>

您網站的網頁必須加入這段追蹤程式碼片段,讓它顯示在網頁 HTML (或產生的 HTML) 結構底部,置於 <body> 結尾標記之前。詳情請參閱功能總覽,從中瞭解追蹤程式碼執行背後的邏輯。

注意:如果您要追蹤的網站資源橫跨多個網域或多個子目錄,就必須修改追蹤程式碼,才能取得資料檢視 (設定檔) 的精確報表資料。此外,若要為大型網域的子目錄設定專用的資料檢視 (設定檔),也應該修改追蹤程式碼。詳情請參閱網域與目錄指南

追蹤程式碼 - 第 1 部分

指令碼標記的第一部分 (由上述程式碼的第 1 到 4 行表示) 會使用 JavaScript 來動態判斷要求網頁的 HTTP 通訊協定是安全還是標準。然後使用適當的通訊協定參照追蹤程式碼。也就是說,如果網站上的某個網頁是透過標準 HTTP 通訊協定傳送,結果字串會是:

<script src='http://www.google-analytics.com/ga.js' type='text/javascript'>

如果其他網頁是透過安全連線傳送,結果字串如下:

<script src='https://ssl.google-analytics.com/ga.js' type='text/javascript'>

如果您同時擁有安全和非安全網頁,請保留初始指令碼標記 (如上所示),以便系統判定適當的連線。如果網站上的所有網頁都是透過標準 HTTP 放送,您可以將第一個代碼替換成更簡易的 Google Analytics (分析) 追蹤程式碼呼叫。

追蹤程式碼指令碼 - 第二部分

第二組 JavaScript 代碼包含執行網頁資料的追蹤呼叫所需的方法。這個部分的這個部分也應包含您想套用至網站上所有網頁的自訂方法。初始化和方法都放在 try/catch 區塊內,以便在不影響訪客的情況下處理任何 JavaScript 錯誤。

一般追蹤程式碼片段中提供的方法呼叫的順序十分重要,因此,建議您按照這些一般原則,配合網站用途修改追蹤程式碼:

  • 追蹤指令碼的第一行應一律初始化網頁追蹤程式物件。
  • var pageTracker = _gat._getTracker("UA-123456-1");
    在標準追蹤程式碼片段的第一行中,系統會將預設追蹤程式物件初始化為你提供做為參數的 Google Analytics (分析) 網站資源 ID。讓後續方法呼叫使用該物件。
  • 追蹤程式碼片段的最後幾行應呼叫 _trackPageview() 方法。
    任何用於設定或初始化值的自訂方法呼叫,都應在 _trackPageview() 前插入。
    // put in customized calls after pageTracker object and before_trackPageview() methods
    pageTracker.setAllowLinker(true);
    pageTracker._trackPageview();

追蹤程式碼應該放在哪裡

追蹤程式碼可在頁面內容載入「之後」讀取。因此,程式碼片段必須緊接在網頁的 </body> 結尾標記前面。網頁內容載入後,追蹤程式碼在執行時就會按照 Document 物件模型 (DOM) 讀取網頁內容。接著,所有與追蹤相關的資訊都會用來建立網頁資訊、設定/更新 Cookie,以及將 GIF 請求傳送至 Google Analytics (分析) 伺服器。

將指令碼放在網頁內文結尾,可確保追蹤程式碼當做 DOM 最後一個元素執行。如果載入的特定頁面因故中斷,系統可能無法執行該頁面的 GIF 要求。不過,由於追蹤程式碼是以網頁資料來製作報表,因此應該將追蹤程式碼放在網頁頂端,任何載入中斷可能會導致報表不完整或不正確。

此外,追蹤程式碼呼叫在網頁底部的實際放置方式,會比使用 onLoad() 函式呼叫追蹤程式碼更有效。如果您使用 onLoad() 執行追蹤程式碼,則執行作業會依瀏覽器的事件模型,而非 DOM 執行。在這種情況下,如果遠端圖片無法在網頁上載入,就不會呼叫 onLoad(),但網頁的 DOM 仍可完全載入。

自訂設定

您可以用各種方式自訂 Google Analytics (分析),調整報表資料的顯示方式。大多數網站 (最基本除外) 都能透過調整基本設定而受益。事實上,如果網站有下列任何一種特性,就必須修改追蹤程式碼,系統才能正確記錄訪客行為。

  • 電子商務:假設您經營電子商務網站或購物車,並想追蹤與購買相關的訪客活動。
  • 多個網域:您的網站跨越多個主機名稱或網域,且您想追蹤各項資源的訪客活動 (包括購物車活動)。
  • 第三方購物車:您的網站是由子目錄中的供應商代管,而您想追蹤網站其他部分 (例如購物車) 訪客的活動,這些訪客活動位於代管網站的其他目錄中。
  • 廣告活動追蹤變數:您已包含想使用,且已包含所需自訂廣告活動追蹤變數的網站連結。

此外,您可以對標準 Google Analytics (分析) 報表行為進行許多其他調整,例如調整訪客工作階段的長度、變更廣告活動工作階段的長度,或關閉收集瀏覽器資訊的功能。

您可以在兩個基本區域自訂報表:

  • Google Analytics (分析) 報表的管理介面
  • 在網頁中使用其他追蹤程式碼方法

使用管理介面自訂

管理介面提供下列功能,可用來調整報表中顯示的資料:

  • 目標
    建議您為網站上應使用者造訪的主要網頁設定目標。目標通常用於電子商務網站上,針對一組相關網頁 (例如購物車、訂單表單和訂單確認書) 中的最終購買網頁查看相關統計資料。不過,你也可以將目標用於任何其他情境,例如操作說明程序的逐步指南或網誌上的「更多」連結。 如要進一步瞭解目標,請參閱「關於目標」一文。
  • 資料檢視 (設定檔) 和篩選器
    您可以為個別報表使用者設定資料檢視 (設定檔),以便在這些報表中納入或排除特定內容。如果網站規模龐大,而且您想單獨判斷網站上特定部分的網頁統計資料,這項功能就非常實用。舉例來說,假設網站的某個部分專門宣傳服飾,而網站的另一個部分則專門銷售電子產品。這時,您比較想分析服飾網頁與所有服飾 (與電子產品無關) 的統計資料。使用資料檢視 (設定檔) 來排除網站的特定部分時,限制只針對允許的網頁顯示內容報表。請到說明中心查看資料檢視 (設定檔)篩選器的實用資訊。

使用其他追蹤程式碼自訂方法

GATC 提供多種方法,可讓您根據網站需求設定追蹤程式碼。請注意,網站上的任何網頁都應使用 urchin.js 追蹤程式碼ga.js追蹤程式碼兩者,但兩者只能擇一使用。 

如果在一個網頁上同時使用這兩種追蹤程式碼,可能會導致這些網頁發生錯誤,因此不建議這麼做。 

電子商務追蹤」一文說明瞭需要設定追蹤程式碼的最常見情況。此外,Tracking API 會列出您可以使用的所有 ga.js 追蹤方法,並根據基本報表用途 (例如電子商務 事件追蹤方法),將這些方法分組。