文章目錄
更新時間:2024年12月3號
認識觸發條件
觸發條件用來監聽網頁或行動應用程式是否發生特定類型的事件 (例如表單提交、按鈕點擊或網頁瀏覽),然後在偵測到指定事件時使代碼觸發。
每個代碼都需要至少一個觸發條件才能觸發。
觸發條件的類型
網頁瀏覽
- DOM就緒:在瀏覽器以 HTML 格式建構完整個網頁、系統也準備好剖析文件物件模型 (DOM) 時啟動
- 初始化:在所有其他觸發條件之前觸發,「但」會在同意聲明初始化觸發條件之後觸發
- 同意聲明初始化:最快觸發,用於Cookie Consent/同意聲明設定,如只要使用者同意,才可以收集資料
- 網頁瀏覽(也叫容器已載入):在網路瀏覽器開始載入網頁時立即啟動
- 視窗已載入:在網頁 (包括圖片和指令碼等所有內嵌資源) 完全載入後啟動
網頁瀏覽觸發條件的優先順序如下:同意聲明初始化>初始化>網頁瀏覽(也叫容器已載入)>DOM 就緒>視窗已載入,可以在Tag Assistant裡看:
在設定GA4代碼的時候觸發條件往往選擇“網頁瀏覽(也叫容器已載入)”,這是為了確保資料盡快發送,避免因為打開網頁後很快就離開,導致的跟追蹤不到的情形。
點擊
點擊是做事件追蹤時最常用到的觸發條件類型,有兩個:
- 進連結:只追蹤使用
<a>
元素的 HTML 連結 (例如<a href="www.haranhuang.com">Haran</a>
) 獲得的點擊。 - 所有元素:追蹤網頁上任何元素 (例如連結、圖片和按鈕等等) 獲得的點擊。
如果你不知道用哪個點擊觸發條件,就用所有元素。
使用者參與
- YouTube 影片:對Youtube視頻做追蹤,延伸閱讀:【GA4設定】Google Analytics 4 中對Youtube影片做追蹤
- 元素可見度:對頁面元素可見度做追蹤,延伸閱讀:用Google Tag Manager裡的元素可見度做表單提交跟蹤
- 捲動深度:對頁面捲動深度做追蹤
- 表單提交:對表單提交做追蹤,延伸閱讀:Google Analytics 4 中做表單互動追蹤
其他
- JavaScript 錯誤觸:JavaScript 錯誤時觸發
- 自訂事件:自訂事件可在網站/行動應用程式上追蹤無法以標準方法處理的互動,如電商事件
- 觸發條件群組:可以將兩個以上的觸發條件合為一組進行評估。
- 計時器觸發:在固定的時間間隔觸發
- 記錄變更:以記錄變更事件為基準的觸發條件,會在網址片段 (雜湊) 變更或網站使用 HTML5 pushState API 時觸發代碼,通常用於SPA/PWA的追蹤
新建觸發條件
在GTM中點擊「觸發條件」——「新增」——「請選擇觸發條件類型以開始設定…」:
就可以選擇觸發條件類型。
觸發條件管理技巧
- 觸發條件的名稱,盡量和代碼的名稱關聯,這樣容易知道哪個代碼對應哪個觸發條件
- 沒使用的觸發條件盡量刪除,確保GTM容器的大小。在觸發條件裡點擊「代碼」這一列,就會自動排序,為0的就表示沒有被使用,可以刪除