搜尋

GTM 設定觸發條件

在 GTM 裡,代碼是根據特定的事件而啟動 ( 例如開啟特定網頁、點擊按鈕...等 ),觸發條件則是用來監聽這些事件,並在代碼啟動或遭封鎖時進行管理,這篇教學會介紹如何在 GTM 裡設定觸發條件。

快速導覽:

新增觸發條件

進入 GTM 帳戶後,點擊左側「觸發條件」切換到觸發條件設定畫面,點擊右側的「新增」按鈕,就能新增觸發條件。,下方列出常用的觸發條件類型:

GA4 ( Google Analytics 4 ) + GTM 教學 - 新增觸發條件

點擊後可以選擇 GTM 的觸發條件類型,類型有網頁瀏覽點擊使用者參與其他共四種 ( 詳細參考「觸發條件類型」 )。

GA4 ( Google Analytics 4 ) + GTM 教學 - 選擇 GTM 的觸發條件類型

觸發條件 - 網頁瀏覽

網頁瀏覽的觸發條件,表示使用者「透過瀏覽器開啟網頁」時,會進行觸發的時機點,GTM 提供了五個網頁瀏覽的觸發條件:

觸發條件 說明
網頁瀏覽 瀏覽器開始載入網頁時立即啟動。
視窗已載入 網頁 ( 包括圖片和指令碼等所有內嵌資源 ) 完全載入後。
DOM 就緒 瀏覽器以 HTML 格式建構完整個網頁,文件物件模型 ( DOM ) 準備好時。
初始化 在所有其他觸發條件之前觸發。
同意聲明初始化 確保同意聲明設定都能在任何其他觸發條件觸發前生效。

舉例來說,新增一個 DOM 就緒的觸發條件,名稱為 DOM Ready,設定所有 DOM Ready 事件都會觸發。

GA4 ( Google Analytics 4 ) + GTM 教學 - GTM 設定觸發條件 - 新增網頁瀏覽觸發條件

回到代碼區域,新增 GA4 事件代碼,事件名稱設定為 dom_ready,觸發條件設定為 DOM Ready。

GA4 ( Google Analytics 4 ) + GTM 教學 - GTM 設定觸發條件 - 新增 GA4 事件代碼事件名稱設定為 dom_ready

儲存並發布之後,執行網頁,從 GA4 的即時報表中就會看見 dom_ready 事件。

GA4 ( Google Analytics 4 ) + GTM 教學 - GTM 設定觸發條件 - 從 GA4 的即時報表中就會看見 dom_ready 事件

觸發條件 - 點擊

點擊的觸發條件,表示使用者「點擊超連結」或「點擊網頁中任何一個元素」時會進行觸發。

觸發條件 說明
僅連結 點擊超連結時。
所有元素 點擊任何一個網頁元素時。

舉例來說,新增兩個點擊的觸發條件,一個設定為點擊連結,另一個是點擊元素。

GA4 ( Google Analytics 4 ) + GTM 教學 - GTM 設定觸發條件 - 新增點擊觸發條件

回到代碼區域,新增 GA4 事件代碼,名稱為 click_link 的事件觸發條件設定為點擊元素。

GA4 ( Google Analytics 4 ) + GTM 教學 - GTM 設定觸發條件 - 觸發條件設定為點擊元素

名稱為 click_element 的事件觸發條件設定為點擊連結。

GA4 ( Google Analytics 4 ) + GTM 教學 - 觸發條件設定為點擊連結

儲存並發布之後,執行網頁,從 GA4 的即時報表中就會看見 click_link 和 click_element 事件,因為點擊元素包含點擊網頁的 document 元素,所以只要滑鼠點擊畫面,就會觸發 click_element 事件。

GA4 ( Google Analytics 4 ) + GTM 教學 - GTM 設定觸發條件 - 所以只要滑鼠點擊畫面就會觸發

觸發條件 - 使用者參與

使用者參與的觸發條件,表示使用者「操作 Youtube 影片」、「看見網頁元素」、「捲動網頁」或「提交表單」時會進行觸發。

觸發條件 說明
Youtube 影片 使用者與網頁內嵌 YouTube 影片的互動時機。
元素可見度 當指定元素在網路瀏覽器中變得「可見」時。
捲動頁數 根據使用者向下或向右捲動網頁的幅度來啟動。
表單提交 表單送出時啟動。

舉例來說,新增一個元素可見度的觸發條件,抓取 ID 為 test 的元素,設定只要元素在畫面中顯示時就會觸發。

GA4 ( Google Analytics 4 ) + GTM 教學 - GTM 設定觸發條件 - 使用者參與觸發條件

回到代碼區域,新增 GA4 事件代碼,名稱為 show_element 的事件觸發條件設定為元素可見度。

GA4 ( Google Analytics 4 ) + GTM 教學 - GTM 設定觸發條件 - 觸發條件設定為元素可見度

儲存並發布之後,執行網頁,捲動網頁使 ID 為 test 的元素有時在畫面中出現,有時在畫面外側,從 GA4 的即時報表中就會看見 show_element 事件。

GA4 ( Google Analytics 4 ) + GTM 教學 - GTM 設定觸發條件 - 捲動網頁觸發元素可見度

觸發條件 - 其他

其他的觸發條件,表示使用者「JavaScript 錯誤」、「自訂事件」、「觸發條件群組」、「計時器」或「記錄變更」時會進行觸發。

觸發條件 說明
JavaScript 錯誤 JavaScript 出現例外狀況時。
自訂事件 使用 dataLayer.push 發送自訂事件時。
觸發條件群組 多個觸發條件及合成一個群組,群組中所有條件都觸發過一次時。
計時器 固定的時間進行觸發。
記錄變更 網址片段變更或網站使用 HTML5 pushState API 時。

舉例來說,新增一個計時器的觸發條件,每隔 5000 毫秒 ( 5 秒 ) 觸發一次。

GA4 ( Google Analytics 4 ) + GTM 教學 - GTM 設定觸發條件 - 每隔 5000 毫秒觸發一次

回到代碼區域,新增 GA4 事件代碼,名稱為 gtm_timer 的事件觸發條件設定為計時器。

GA4 ( Google Analytics 4 ) + GTM 教學 - GTM 設定觸發條件 - 觸發條件設定為計時

儲存並發布之後,執行網頁,每隔五秒鐘網頁就會向 GA4 發送一次事件。

GA4 ( Google Analytics 4 ) + GTM 教學 - GTM 設定觸發條件 - 每隔五秒鐘網頁就會向 GA4 發送一次事件

小結

觸發條件是 GTM 裡相當重要的功能,幾乎所有的事件都會使用觸發條件進行觸發,熟悉觸發條件後,就能追蹤網頁種各種想追蹤的事件了。

意見回饋

如果有任何建議或問題,可傳送「意見表單」給我,謝謝~

GA4 教學

介紹與設定

GA4 教學導讀 認識 GA4 通用版 GA 與 GA4 的差異 建立 GA4 分析資源 安裝 GA4 資料收集代碼 刪除/還原/移動帳戶資源

快速開始&測試

設定輔助程式 使用測試網頁 啟用示範帳戶

使用 GTM

認識 GTM 開始使用 GTM GTM 與 gtag.js 的差異 加入 Google 代碼 加入 GA4 事件代碼 設定觸發條件 設定變數 安裝 Facebook 像素

事件

加強型評估事件 自動收集事件 建議事件 自訂事件 修改與建立事件 標示轉換事件 設定轉換事件價值 設定電子商務事件

資料收集

啟用 Google 信號 使用 User-ID 建立目標對象 使用 DebugView 測試 資料&報表篩選器 資料保留期限&更新間隔 跨網域追蹤 使用 UTM 收集資料 Measurement Protocol 資料匯入 共用及匯出報表 連結 Search Console

資料解讀

認識維度和指標 自訂維度和指標 使用者屬性 工作階段&互動工作階段 參與度&跳出率 使用者&新使用者

報表

集合&主題&報表 首頁 深入分析 自訂報表、主題和集合 報表數據匯報 即時報表 到達網頁報表 網頁和畫面報表 事件報表 轉換報表 獲取新客報表 流量開發報表 電子商務購買報表 使用者購物歷程報表 回訪率報表 客層詳情報表 技術詳情報表

探索

認識探索報表 設定探索報表 任意形式 同類群組探索 漏斗探索 區隔重疊 路徑探索 使用者生命週期 使用者多層檢視

廣告&歸因

歸因模式&歸因分析 廣告數據匯報 所有頻道成效報表 模式比較報表 轉換路徑報表

實際應用

同時使用多組資料串流 追蹤 Email 開信率 追蹤網頁捲動高度 追蹤網頁元素點擊 觀察特定頁面成效 篩選並排除內部流量

GA4 認證考古題

如何進行與準備認證 考題 - 設定&觀念 考題 - 事件&維度&指標 考題 - 報表&探索&廣告 考題 - 其他