Google Analytics (分析) 事件

Google 代碼管理工具可根據觸發條件設定,在事件發生時啟動代碼。本文說明如何 運用「代碼管理工具」設定 Google Analytics (分析) 事件代碼,使代碼因連擊連結點擊其他類型元素固定時段,以及提交表單等事件而觸發。

在本文中,您將瞭解如何透過「代碼管理工具」來建立觸發條件,以監聽網頁上可能會發生的特定類型事件。如要更精確控制觸發條件的功能,請設定程式碼使用以推送到資料層事件為依據的觸發條件

有兩種常用方式可將點擊事件的資訊傳送到 Google Analytics (分析):

舉例說明,假設有一個包含導覽選單的網頁,連結名稱和網址如下:

購買 https://example.com/buy.html
關於 https://example.com/about.html
聯絡 https://example.com/contact.html

使用個別觸發條件和代碼來追蹤點擊

這種做法需要建立三個觸發條件和三個代碼,也就是上表中每個項目各一組觸發條件/代碼。

  1. 如果沒有 Google Analytics (分析) 瀏覽量代碼,請先新增;這個代碼必須能在所有網頁上啟動。
  2. 設定「代碼管理工具」來擷取使用者點擊的網址資料:
    1. 按一下 [變數]
    2. 按一下「內建變數」部分中的 [設定]
    3. 勾選「點擊網址」的核取方塊。
  3. 建立觸發條件來追蹤 buy.htmlcontact.htmlabout.html 的連結點擊:
    1. 依序點選 [觸發條件] 接著 [新增]。
    2. 依序點選 [觸發條件設定] 接著 [點擊 - 僅連結]
    3. 在觸發條件中加入以下設定:
      • 等待代碼:啟用
      • 等待時間上限:2000 (毫秒)
      • 檢查驗證:停用
      • 這些條件全都符合時,啟動這項觸發條件:[點擊網址] 接著 [容器] 接著 [buy.html]
      • 啟動時機:所有點擊
      • 觸發條件命名為「觸發條件 - 購買點擊」並儲存。
    4. 重複上述步驟來建立「contact.html」和「about.html」的觸發條件。
  4. 建立新的 Google Analytics (分析) 代碼來追蹤每個網頁的點擊:
    1. 依序點選 [代碼] 接著 [新增]。
    2. 依序點選 [代碼設定] 接著 [Google Analytics (分析) - 通用 Analytics (分析)]
    3. 將 [追蹤類型] 設為 [事件]
    4. 輸入事件追蹤參數
      • 類別:瀏覽
      • 動作:選取
      • 標籤:購買
        注意:標籤值必須對應使用者點擊的特定連結 (例如 buy.html 為「購買」,contact.html 為「聯絡資訊」,about.html 為「關於」)。
      • 代碼名稱:通用 Analytics (分析) - 事件 - 購買連結
      • 非互動匹配:False
      • Google Analytics (分析) 設定:選取現有的 Google Analytics (分析) 設定變數或建立新變數。
    5. 按一下 [觸發條件] 並選取您在步驟 3 建立的觸發條件,名稱為「觸發條件 - 購買點擊」
    6. 為代碼命名並儲存代碼設定。
  5. 重複上述步驟來為「聯絡資訊」和「關於」連結建立代碼。記得根據網頁名稱設定標籤值,例如 buy.html 為「購買」,contact.html 為「聯絡資訊」,about.html 為「關於」。
  6. 發佈容器。

使用單一代碼來追蹤點擊

使用單一觸發條件和單一代碼有助簡化容器,前者能搭配規則運算式來在適當網頁上啟動代碼,而後者則可在「標籤」欄位使用 Google 代碼管理工具的變數

  1. 如果沒有 Google Analytics (分析) 瀏覽量代碼,請先新增;這個代碼必須能在所有網頁上啟動。
  2. 設定代碼管理工具來擷取使用者點擊的網址值:
    1. 按一下 [變數]
    2. 按一下「內建變數」部分中的 [設定]
    3. 選取 [點擊網址] 內建變數。
  3. 建立單一觸發條件來處理上表中每個項目的連結點擊事件:
    1. 依序點選 [觸發條件] 接著 [新增]。
    2. 依序點選 [觸發條件設定] 接著 [點擊 - 僅連結]
    3. 按照以下配置設定觸發條件:
      • 等待代碼:啟用
      • 等待時間上限:2000 毫秒
      • 檢查驗證:停用
      • 這些條件全都符合時,啟動這個觸發條件:[點擊網址] 接著 [符合規則運算式] 接著 [contact\.html|buy\.html|about\.html]
      • 啟動時機:所有點擊
    4. 觸發條件命名為「觸發條件 - 瀏覽點擊」並儲存。
  4. 建立單一代碼來處理所有點擊:
    1. 依序點選 [代碼] 接著 [新增]。
    2. 依序點選 [代碼設定] 接著 [通用 Analytics (分析)]。
    3. 將 [追蹤類型] 設為 [事件]
    4. 完成「事件追蹤參數」的設定:
      • 類別:瀏覽
      • 動作:選取
      • 標籤:{{點擊網址}}
    5. 按一下 [觸發條件] 並選取您在步驟 3 建立的觸發條件,名稱為「觸發條件 - 瀏覽點擊」
    6. 儲存代碼。
  5. 發佈容器。

點擊任何元素

這種方法可用來追蹤除了連結以外的其他元素點擊事件,其中包括點擊圖片、<div> 元素或 DOM 可存取的網頁上任何其他項目。舉例來說,假設每張圖片都有 galleryclass 屬性值,且每張圖片都有專屬的 ID 屬性值:

<a href="ggb.jpg" class="gallery" id="Golden_Gate_Bridge">
<a href="tm.jpg" class="gallery" id="Taj_Mahal">

在本例中,我們使用了這些屬性來設定觸發條件,使其會在採用 class="gallery" 的圖片代碼上啟動,然後使用該觸發條件啟動一個會將對應 ID 值 (例如 Golden_Gate_BridgeTaj_Mahal) 傳送到 Google Analytics (分析) 的代碼:

  1. 如果沒有 Google Analytics (分析) 瀏覽量代碼,請先新增;這個代碼必須能在所有網頁上啟動。
  2. 設定代碼管理工具來擷取使用者點擊的類別和 ID 值:
    1. 按一下 [變數]
    2. 按一下「內建變數」部分中的 [設定]
    3. 選取 [點擊類別] 和 [點擊 ID] 內建變數。
  3. 建立一個能在連結具有 gallery 類別屬性值時啟動的新觸發條件:
    1. 依序點選 [觸發條件] 接著 [新增]。
    2. 依序點選 [觸發條件設定] 接著 ​[點擊 - 所有元素]
    3. 按照以下配置設定觸發條件:
      • 啟動時機:部分點擊
      • 有事件發生且這些條件全都符合時,啟動這個觸發條件:[點擊類別] 接著 [包含] 接著 [gallery]
    4. 儲存觸發條件,螢幕出現提示時將觸發條件命名為「觸發條件 - 圖庫圖片點擊」
  4. 建立代碼來擷取使用者點擊的圖片 ID 屬性值:
    1. 依序點選 [代碼] 接著 [新增]。
    2. 依序點選 [代碼設定] 接著 [通用 Analytics (分析)]
    3. 將 [追蹤類型] 設為 [事件]
    4. 完成「事件追蹤參數」的設定:
      • 類別:圖片圖庫
      • 動作:點擊
      • 標籤:{{點擊 ID}}
        注意:大括號的用途,是在文字欄位和自訂程式碼中,將有效「代碼管理工具」變數名稱取代為從事件中擷取到的相關值。
      • 非互動匹配:False
      • Google Analytics (分析) 設定:選取現有的 Google Analytics (分析) 設定變數或視需要建立新變數。
    5. 按一下 [觸發條件] 並選取您在步驟 3 建立的觸發條件,名稱為「觸發條件 - 圖庫圖片點擊」
    6. 將代碼儲存為「Google Analytics (分析) - 事件代碼 - 圖庫圖片點擊」
  5. 發佈容器。

固定時段

導入固定時段代碼可能會影響跳出率報表,使得顯示的數據比預期低。

如想瞭解在未觸發任何事件的情況下,使用者在網頁上的停留時間,您可以追蹤固定時段;這可能包括在網頁上閱讀文字或播放影片的時間。不過,由於 Google Analytics (分析) 工作階段預設在 30 分鐘後逾時,建議您導入「keepalive 事件」,確保每 25 分鐘就傳送活動一次。

設定代碼來追蹤固定時段:

  1. 如果沒有基本的 Google Analytics (分析) 瀏覽量代碼,請先新增;這個代碼必須能在所有網頁上啟動。
  2. 建立計時器觸發條件:
    1. 依序點選 [觸發條件] 接著 [新增]
    2. 依序點選 [觸發條件設定] 接著 [計時器]
    3. 在觸發條件中加入以下設定:
      • 事件名稱:gtm.timer
      • 間隔:1500000 (以毫秒為單位)
      • 限制:5
      • 這些條件全都符合時,啟動這項觸發條件: [網頁網址] 接著 [包含] 接著 [video.html]
    4. 將觸發條件儲存為「觸發條件 - 工作階段計時器」
  3. 建立工作階段計時器代碼:
    1. 依序點選 [代碼] 接著 [新增]。
    2. 依序點選 [代碼設定] 接著 [通用 Analytics (分析)],然後在代碼中加入以下設定:
      • 追蹤類型:計時
      • 使用者計時追蹤參數:在報表中保留空白,或視需要填入值。
    3. 按一下 [觸發條件] 並選取您在步驟 2 建立的觸發條件,名稱為「觸發條件 - 工作階段計時器」
  4. 發佈容器。

提交表單

這種方法可用來在有人提交網站上的表單時啟動代碼。以下範例假設 <form> HTML 標記所含 ID 屬性帶有「contact_us」值:

<form action="/example" method="POST" id="contact_us">

我們可以利用這個 ID 來建立觸發條件,以監聽這個表單何時提交:

  1. 如果沒有基本的 Google Analytics (分析) 瀏覽量代碼,請先新增;這個代碼必須能在所有網頁上啟動。
  2. 設定代碼管理工具來擷取表單 ID:
    • 按一下 [變數]
    • 按一下「內建變數」部分中的 [設定]
    • 選取 [表單 ID] 內建變數。
  3. 建立表單提交動作觸發條件:
    • 依序點選 [觸發條件] 接著 [新增]。
    • 依序點選 [觸發條件設定] 接著 [表單提交]
    • 在觸發條件中加入以下設定:
      • 等待代碼:停用
      • 檢查驗證:停用
      • 啟動時機:部分表單
      • 有事件發生且這些條件全都符合時,啟動這個觸發條件:[表單 ID] 接著 [包含] 接著 [contact_us]
    • 將觸發條件儲存為「觸發條件 - 提交我的表單」
  4. 建立代碼來追蹤表單提交:
    1. 依序點選 [代碼] 接著 [新增]。
    2. 依序點選 [代碼設定] 接著 [通用 Analytics (分析)]。
    3. 將 [追蹤類型] 設為 [事件]
    4. 在 [事件追蹤參數] 中填入參數:
      • 類別:表單
      • 動作:提交
      • 標籤:待開發客戶產生 - {{表單 ID}}
        注意:大括號的用途,是在文字欄位和自訂程式碼中,將有效「代碼管理工具」變數名稱取代為從事件中擷取到的相關值。
    5. 非互動匹配:False
    6. Google Analytics (分析) 設定:選取現有的 Google Analytics (分析) 設定變數或建立新變數。
    7. 按一下 [觸發條件] 並選取您在步驟 3 建立的觸發條件,名稱為「觸發條件 - 提交我的表單」。
    8. 將代碼儲存為「Google Analytics (分析) - 事件代碼 - 提交表單」
  5. 發佈容器。

相關資源

這篇文章實用嗎?
我們應如何改進呢?