Google Tag Manager

GTM 自訂事件觸發:設定、測試與排錯

Open Data 4TW 編輯團隊 Open Data 4TW 編輯團隊
· · gtm 自訂事件觸發, 自訂事件觸發條件, Google Tag Manager

什麼是自訂事件觸發條件?

在 Google Tag Manager (GTM) 的架構中,自訂事件觸發條件是連接資料層(Data Layer)事件與代碼執行的關鍵橋樑。當你的程式碼透過 dataLayer.push 方法推送一個特定的「事件名稱」時,GTM 會主動偵測這個事件。而觸發條件(Trigger)則是一套規則,用來定義這個偵測到的事件是否滿足執行特定代碼(Tag)的條件。因此,「自訂事件」本身並非觸發條件,而是一種專門用於偵測資料層事件的觸發條件類型。理解這兩者的關係,是精準控制追蹤邏輯的基礎。

要深入掌握三者如何協同運作,建議先從理解 GTM 中的 Tag、Trigger、Variable 三者關係 開始。

建立自訂事件觸發條件的完整流程

設定自訂事件觸發條件的核心在於確保 GTM 能夠精確識別你的程式碼所推送的事件。整個流程從進入觸發條件區塊開始,到正確填寫事件名稱結束,是每個 GTM 使用者都必須熟練的基礎操作。

具體操作步驟如下:首先,登入 Google Tag Manager 後台,於左側選單點選「觸發條件」,接著點擊「新增」按鈕。在「觸發器設定」區塊點擊,從觸發器類型清單中選擇「自訂事件」。此時,畫面會出現「事件名稱」欄位,你必須在此輸入與你程式碼中 dataLayer.push({'event': '事件名稱'}) 完全一致的文字,例如 'form_submit' 或 'cta_click',系統會區分大小寫。

另一個需要注意的選項是「此觸發器在所有網頁瀏覽上觸發」。勾選此選項,代表此觸發條件將在每次網頁載入時都嘗試匹配;若未勾選,則僅在觸發器被其他事件(如點擊)觸發後才會運作。多數自訂事件追蹤不需要勾選此選項。

條件群組設定:提升觸發精準度的關鍵

僅憑一個事件名稱觸發代碼,有時會過於寬泛。GTM 提供了更進階的篩選機制,讓你能針對單一觸發條件設定更嚴格的規則,或是組合多個觸發條件來追蹤複雜的使用者行為路徑。

**單一觸發條件的額外篩選**:在自訂事件觸發條件的設定頁面中,你可以點擊「此觸發器的觸發條件」下方的「新增」,加入額外的篩選條件。例如,你可以設定「事件名稱」等於 'page_view',且「網頁路徑」包含 '/checkout'。這樣一來,觸發器只會在偵測到 'page_view' 事件,且網址包含結帳路徑時才成立。你可以利用內建的變數(如「點擊 ID」、「表單 ID」)或自訂的資料層變數來作為篩選依據。

**觸發條件群組(Trigger Group)**:這是更強大的功能,適用於需要使用者依序完成多個互動才視為達成某個目標的場景。在觸發器類型中選擇「觸發條件群組」後,你可以將多個已建好的觸發條件加入群組中。此群組的觸發邏輯是「當群組中所有的觸發條件都被觸發過至少一次後」,才會真正執行綁定在該群組上的代碼。例如,一個「加入購物車」事件觸發條件與一個「結帳頁面瀏覽」事件觸發條件可以組成一個群組,只有當兩者都發生過,才觸發「完成購買意向」的代碼。

兩者的關鍵差異在於應用場景:單一條件加篩選適用於對同一個事件進行更精細的場景過濾(如只追蹤特定按鈕點擊);觸發條件群組則適用於需要多個獨立事件按順序或不按順序發生後才成立的複合行為追蹤。

常見應用場景與參數規劃

將自訂事件追蹤與具體的分析目標結合,能讓資料收集更具策略性。不同的互動行為對應著不同的事件與參數設定規劃。例如,追蹤一個號召性用語(CTA)按鈕的點擊,你可以設定一個名為 'cta_click' 的自訂事件,並利用資料層變數額外推送被點擊按鈕的識別資訊,如 dataLayer.push({'event': 'cta_click', 'click_text': '立即體驗', 'click_id': 'btn-trial-01'})。在 GTM 中,你就可以針對 'cta_click' 事件建立觸發條件,並在綁定的代碼(如 GA4 事件代碼)中,將 'click_text' 和 'click_id' 作為參數傳送給分析平台。

對於表單送出,事件名稱可為 'form_submit',並推送如 'form_id'、'form_name' 等參數,以區分不同表單。若要追蹤特定內容區塊的滾動深度,則可結合 Intersection Observer API,在元素進入可視範圍時推送如 'scroll_depth' 事件,並附帶 'element_id' 參數。核心原則是,**參數名稱必須與後端資料庫或分析平台(如 GA4 的自訂參數)事先規劃的欄位名稱保持一致**,確保資料能正確對接與分析。

如何驗證自訂事件觸發成功?

設定完成後,必須透過驗證流程確認觸發條件運作正常,這是確保追蹤資料品質不可或缺的步驟。GTM 提供了強大的預覽模式(Preview Mode)來協助你進行即時除錯。

首先,在 GTM 後台點擊右上角的「預覽」按鈕,將你的網站與 Preview Mode 連結。連結成功後,在新的瀏覽器分頁中操作你的網站,觸發你想要測試的互動(例如點擊按鈕)。此時,回到 Preview Mode 的標籤頁,左側的「事件」資訊流會即時顯示發生的事件。找到你的自訂事件名稱(如 'cta_click'),點擊它,並在右側的「觸發」區塊查看你的觸發條件是否顯示為「已觸發」。如果狀態為「未觸發」,你可以展開詳細資訊,檢查是哪個篩選條件不符合。

除了 GTM 的預覽模式,你還可以搭配分析平台的即時報表進行交叉驗證。例如,在 GA4 中,前往「即時」報表或使用 DebugView,檢查你的事件與參數是否正確出現。這種雙重驗證的方法能更全面地確認從觸發到資料收集的整條鏈路是否暢通。

同意模式下的自訂事件觸發設定

隨著隱私法規的完善,許多網站導入了同意模式(Consent Mode)。在這種環境下,自訂事件的觸發設定需要額外的考量,因為部分追蹤代碼的執行會受到使用者同意狀態的影響。

在 GTM 中,你可以設定「同意設定」,將特定的代碼或觸發條件與同意狀態綁定。例如,一個用於衡量轉換的代碼,其觸發條件可能需要在「同意聲明初始化(Ad storage 或 Analytics storage 被同意)」之後才被允許運作。這意味著,即使自訂事件被觸發,綁定在該觸發條件上的代碼也可能因為未獲得同意而暫不執行。設定時,你需要在觸發條件或代碼的「同意設定」選項中,指定其依賴的同意類別,並參閱 Google 官方文件,了解不同同意狀態下代碼的執行行為。

標籤
gtm 自訂事件觸發自訂事件觸發條件Google Tag Manager
Eric Chang
Eric Chang
SEO 數據分析與網站量測研究者

以官方文件、實際設定與量測結果整理 SEO 數據、網站追蹤與分析方法,並標示資料來源與判讀限制。