傳統語法

本文說明如何使用傳統 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>

2詳情請參閱「功能總覽」一文,瞭解追蹤程式碼執行背後的邏輯。

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

追蹤程式碼指令碼 - 第 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 (分析) 追蹤程式碼呼叫。

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

第二組 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> 結尾標記前方。網頁內容載入完成後,追蹤程式碼就會在執行時讀取文件物件模型 (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 追蹤方法,並按照基本報表用途 (例如電子商務事件追蹤方法) 將這些方法分組。