Google 代碼管理工具可根據觸發條件設定,在事件發生時觸發代碼。本文說明如何使用代碼管理工具設定 通用 Analytics (分析) 事件代碼,使代碼因連擊連結、點擊其他類型元素、固定時段,以及提交表單等事件而觸發。
連結點擊
有兩種常用方式可將點擊事件的資訊傳送到 Google Analytics (分析):
- 為每種類型的連結使用個別的觸發條件和代碼。
- 使用單一代碼搭配規則運算式來處理所有點擊資料。
舉例說明,假設有一個包含導覽選單的網頁,連結名稱和網址如下:
購買 | https://example.com/buy.html |
關於 | https://example.com/about.html |
聯絡 | https://example.com/contact.html |
使用個別觸發條件和代碼來評估點擊
這種做法需要建立三個觸發條件和三個代碼,也就是上表中每個項目各一組觸發條件/代碼。
- 如果沒有 Google Analytics (分析) 網頁瀏覽代碼,請先新增;這個代碼必須在所有網頁上觸發。
- 設定代碼管理工具來擷取使用者點擊的網址資料:
- 按一下 [變數]。
- 按一下「內建變數」部分中的 [設定]。
- 勾選「點擊網址」的核取方塊。
- 建立觸發條件來監聽 buy.html、contact.html 和 about.html 的連結點擊:
- 依序點選 [觸發條件] [新增]。
- 依序點選 [觸發條件設定] [點擊 - 僅連結]。
- 在觸發條件中加入以下設定:
- 等待代碼:啟用
- 等待時間上限:2000 (毫秒)
- 檢查驗證:停用
- 這些條件全都符合時,啟用這項觸發條件:網頁網址 包含
/
- 這項條件的觸發時機: 部分連結點擊 點擊網址 包含 buy.html
- 將觸發條件命名為「觸發條件 - 購買點擊」並儲存。
- 重複上述步驟來建立「contact.html」和「about.html」的觸發條件。
- 建立新的 Google Analytics (分析) 代碼來評估每個網頁的點擊次數:
- 依序點選 [代碼] [新增]。
- 依序點選 [代碼設定] [Google Analytics (分析) - 通用 Analytics (分析)]。
- 將 [追蹤類型] 設為 [事件]。
- 輸入事件追蹤參數:
- 類別:瀏覽
- 動作:選取
- 標籤: 購買
注意:標籤值必須對應使用者點擊的連結 (例如 buy.html 為「購買」,contact.html 為「聯絡資訊」,about.html 為「關於」)。 - 代碼名稱:通用 Analytics (分析) - 事件 - 購買連結
- 非互動命中:False
- Google Analytics (分析) 設定:選取現有的 Google Analytics (分析) 設定變數或建立新變數。
- 按一下 [觸發條件] 並選取您在步驟 3 建立的觸發條件,名稱為「觸發條件 - 購買點擊」
- 為代碼命名並儲存代碼設定。
- 重複上述步驟來為「聯絡資訊」和「關於」連結建立代碼。記得根據網頁名稱設定標籤值,例如 buy.html 為「購買」,contact.html 為「聯絡資訊」,about.html 為「關於」。
- 發布容器。
使用單一代碼來評估點擊
使用單一觸發條件和單一代碼有助簡化容器,前者能搭配規則運算式來在適當網頁上觸發代碼,而後者則可在「標籤」欄位使用代碼管理工具的變數:
- 如果沒有 Google Analytics (分析) 網頁瀏覽代碼,請先新增;這個代碼必須在所有網頁上觸發。
- 設定代碼管理工具來擷取使用者點擊的網址值:
- 按一下 [變數]。
- 按一下「內建變數」部分中的 [設定]。
- 選取 [點擊網址] 內建變數。
- 建立單一觸發條件來處理上表中每個項目的連結點擊事件:
- 依序點選 [觸發條件] [新增]。
- 依序點選 [觸發條件設定] [點擊 - 僅連結]。
- 按照以下配置設定觸發條件:
- 等待代碼:啟用
- 等待時間上限:2000 毫秒
- 檢查驗證:停用
- 這些條件全都符合時,啟用這項觸發條件:網頁網址 包含
/
- 這項條件的觸發時機: 部分點擊 點擊網址 與規則運算式
contact\.html\buy\.html\about\.html
- 將觸發條件命名為「觸發條件 - 瀏覽點擊」並儲存。
- 建立單一代碼來處理所有點擊:
- 依序點選 [代碼] [新增]。
- 依序點選 [代碼設定] [Google Analytics (分析) - 通用 Analytics (分析)]。
- 將 [追蹤類型] 設為 [事件]。
- 完成「事件追蹤參數」的設定:
- 類別:瀏覽
- 動作:選取
- 標籤:{{點擊網址}}
- 按一下 [觸發條件] 並選取您在步驟 3 建立的觸發條件,名稱為「觸發條件 - 瀏覽點擊」。
- 儲存代碼。
- 發佈容器。
點擊任何元素
這種方法可用來評估除了連結以外的其他元素點擊事件,其中包括點擊圖片、<div>
元素或 DOM 可存取的網頁上任何其他項目。以下舉例說明,假設每張圖片都有 gallery
的 class
屬性值,且每張圖片都有專屬的 ID 屬性值:
在本例中,我們使用了這些屬性來設定觸發條件,使其會在採用 class="gallery"
的圖片代碼上觸發,然後使用該條件觸發一個會將對應 ID 值 (例如 Golden_Gate_Bridge
、Taj_Mahal
) 傳送到 Google Analytics (分析) 的代碼:
- 如果沒有 Google Analytics (分析) 網頁瀏覽代碼,請先新增;這個代碼必須在所有網頁上觸發。
- 設定代碼管理工具來擷取使用者點擊的類別和 ID 值:
- 按一下 [變數]。
- 按一下「內建變數」部分中的 [設定]。
- 選取 [點擊類別] 和 [點擊 ID] 內建變數。
- 建立一個能在連結具有
gallery
類別屬性值時觸發的新條件:- 依序點選 [觸發條件] [新增]。
- 依序點選 [觸發條件設定] [點擊 - 所有元素]。
- 這些條件全都符合時,啟用這項觸發條件:網頁網址 包含
/
- 這項條件的觸發時機:部分點擊 點擊類別 包含
圖庫
。 - 儲存觸發條件,螢幕出現提示時將觸發條件命名為「觸發條件 - 圖庫圖片點擊」。
- 建立代碼來擷取使用者點擊的圖片 ID 屬性值
- 依序點選「代碼」「新增」。
- 依序點選 [代碼設定] [通用 Analytics (分析)]。
- 將 [追蹤類型] 設為 [事件]。
- 完成「事件追蹤參數」的設定:
- 類別:圖片圖庫
- 動作:點擊
- 標籤: {{點擊 ID}}
注意:大括號的用途,是在文字欄位和自訂程式碼中,將有效的代碼管理工具變數名稱取代為從事件中擷取到的相關值。 - 非互動命中:False
- Google Analytics (分析) 設定:選取現有的 Google Analytics (分析) 設定變數或視需要建立新變數。
- 按一下 [觸發條件] 並選取您在步驟 3 建立的觸發條件,名稱為「觸發條件 - 圖庫圖片點擊」。
- 將代碼儲存為「Google Analytics (分析) - 事件代碼 - 圖庫圖片點擊」。
- 發佈容器。
固定時段
如想瞭解在未觸發任何事件的情況下,使用者在網頁上的停留時間,您可以評估固定時段。這可能包括在網頁上閱讀文字或播放影片的時間。不過,由於 Google Analytics (分析) 工作階段預設在 30 分鐘後逾時,建議您導入「keepalive 事件」,確保每 25 分鐘就傳送活動一次。
設定代碼來評估固定時段:
- 如果沒有基本的 Google Analytics (分析) 瀏覽量代碼,請先新增;這個代碼必須在所有網頁上觸發。
- 建立計時器觸發條件:
- 依序點選 [觸發條件] [新增]。
- 依序點選 [觸發條件設定] [計時器]。
- 在觸發條件中加入以下設定:
- 事件名稱:gtm.timer
- 間隔:1500000 (以毫秒為單位)
- 限制:5
- 這些條件全都符合時,啟用這項觸發條件:網頁網址 包含 video.html
- 這項條件的觸發時機:所有計時器
- 將觸發條件儲存為「觸發條件 - 工作階段計時器」
- 建立工作階段計時器代碼:
- 依序點選 [代碼] [新增]。
- 依序點選 [代碼設定] [通用 Analytics (分析)],然後在代碼中加入以下設定:
- 追蹤類型:計時
- 使用者計時追蹤參數:在報表中保留空白,或視需要填入值。
- 按一下 [觸發條件] 並選取您在步驟 2 建立的觸發條件,名稱為「觸發條件 - 工作階段計時器」。
- 發佈容器。
提交表單
這種方法可用來在有人提交網站上的表單時啟動代碼。以下範例假設 <form>
HTML 標記所含 ID 屬性帶有「contact_us
」值:
我們可以利用這個 ID 來建立觸發條件,以監聽這個表單何時提交:
- 如果沒有基本的 Google Analytics (分析) 瀏覽量代碼,請先新增;這個代碼必須在所有網頁上觸發。
- 設定代碼管理工具來擷取表單 ID:
- 按一下 [變數]。
- 按一下「內建變數」部分中的 [設定]。
- 選取 [表單 ID] 內建變數。
- 建立表單提交動作觸發條件:
- 依序點選 [觸發條件] [新增]。
- 依序點選 [觸發條件設定] [表單提交]。
- 在觸發條件中加入以下設定:
- 等待代碼:停用
- 檢查驗證:啟用
- 這些條件全都符合時,啟用這項觸發條件:網頁網址 包含
/
- 這項條件的觸發時機: 部分表單 表單 ID 包含
contact_us
- 將觸發條件儲存為「觸發條件 - 提交我的表單」。
- 建立代碼來評估表單提交:
- 依序點選 [代碼] [新增]。
- 依序點選 [代碼設定] [通用 Analytics (分析)]。
- 將 [追蹤類型] 設為 [事件]。
- 在 [事件追蹤參數] 中填入參數:
- 類別:表單
- 動作:提交
- 標籤:待開發客戶產生 - {{表單 ID}}
注意:大括號的用途,是在文字欄位和自訂程式碼中,將有效代碼管理工具變數名稱取代為從事件中擷取到的相關值。
- 非互動命中:False
- Google Analytics (分析) 設定:選取現有的 Google Analytics (分析) 設定變數或建立新變數。
- 按一下 [觸發條件] 並選取您在步驟 3 建立的觸發條件,名稱為「觸發條件 - 提交我的表單」。
- 將代碼儲存為「Google Analytics (分析) - 事件代碼 - 提交表單」。
- 發佈容器。