深入認識GTM中網頁瀏覽觸發條件:Dom就緒、網頁瀏覽和視窗已加載

Google Tag Manager Haran 1周前 (12-12) 65次瀏覽 0條留言

這一篇介紹GTM中網頁瀏覽觸發條件

認識網頁瀏覽

網頁瀏覽觸發條件可在網路瀏覽器載入網頁時啟動代碼。

在GTM裡點擊「觸發條件」——「新增」——「請選擇觸發條件類型以開始設定…」,就可以看到:

深入認識GTM中網頁瀏覽觸發條件:Dom就緒、網頁瀏覽和視窗已加載

 

網頁瀏覽觸發條件有五種類型,接下來看每種類型:

Dom就緒(DOM Ready

DOM Ready,也叫DOM就緒,是在瀏覽器以 HTML 格式建構完整個網頁、系統也準備好剖析文件物件模型 (DOM) 時啟動.

DOM就緒在資料層的事件名為gtm.dom:

深入認識GTM中網頁瀏覽觸發條件:Dom就緒、網頁瀏覽和視窗已加載

如果你想從網頁元素中獲取值作為變數,可以用Dom就緒,因為此時已經建構完整個網頁,確保能夠為能夠獲取正確的值。

 

 

初始化(Initialization

Initialization,也叫初始化,应在所有其他触发器(用户意见征求初始化触发器除外)之前触发。

初始化在資料層的事件名為gtm.init:深入認識GTM中網頁瀏覽觸發條件:Dom就緒、網頁瀏覽和視窗已加載

想要較快觸發執行的時候,會使用這個觸發條件

 

同意聲明初始化(Consent Initialization)

Consent Initialization,也叫同意聲明初始化:最快觸發,用於Cookie Consent/同用户意见征求设置,如只要使用者同意,才可以收集資料。

同意聲明初始化在資料層的事件名為gtm.init_consent:

深入認識GTM中網頁瀏覽觸發條件:Dom就緒、網頁瀏覽和視窗已加載

 

 

容器已載入(Page View)

Page View,也叫網頁瀏覽/容器已載入,在網路瀏覽器開始載入網頁時立即啟動。

容器已載入在資料層的事件名為gtm.js:

深入認識GTM中網頁瀏覽觸發條件:Dom就緒、網頁瀏覽和視窗已加載

通常為了盡可能跟蹤全網頁的打開,會使用網頁瀏覽/容器已載入

如在GTM裡配置GA4的頁面追蹤的觸發條件就是網頁瀏覽/容器已載入這是為了確保資料盡快發送,避免因為打開網頁後很快就離開,導致的跟追蹤不到的情形。

 

 

視窗已載入(Window Loaded)

Window Loaded,也叫視窗已載入,在網頁 (包括圖片和指令碼等所有內嵌資源) 完全載入後啟動。

視窗已載入在資料層的事件名為gtm.load:

深入認識GTM中網頁瀏覽觸發條件:Dom就緒、網頁瀏覽和視窗已加載

 

 

網頁瀏覽觸發條件的優先順序

網頁瀏覽觸發條件的優先順序如下:同意聲明初始化>初始化>網頁瀏覽(也叫容器已載入)>DOM就緒>視窗已載入

可以在GTM點擊『預覽』,然後在Tag Assistant裡看:深入認識GTM中網頁瀏覽觸發條件:Dom就緒、網頁瀏覽和視窗已加載

每個頁面瀏覽都會是這樣的順序

 

 

 

選擇哪個觸發條件

對於網頁追蹤,使用Dom就緒、網頁瀏覽/容器已載入、視窗已加載都是可以的,那到底有什麼區別呢?

  • 一般來說是使用網頁瀏覽/容器已載入,因為它觸發比較快,避免因為打開網頁後很快就離開,導致的跟追蹤不到的情形。
  • 如果設定會用到一些從網頁中獲取的變數,那就需要用Dom就緒或視窗已加載,因為此時已經建構完整個網頁,確保能夠為能夠獲取正確的值。
  • 如果你要衡量整個頁面加載完的,如追蹤網頁打開時間,就需要用視窗已加載,只有視窗已加載才可以獲取到完整的時間,延伸閱讀:如何在Google Analytics 4 中追蹤網頁加載速度

 

限定特定的頁面觸發

以為網頁瀏覽觸條件為例:

僅在一個頁面觸發

假設在頁面Page A觸發,可以這樣做設定:

深入認識GTM中網頁瀏覽觸發條件:Dom就緒、網頁瀏覽和視窗已加載

 

在多個頁面觸發

假設在頁面Page A和Page B觸發。

錯誤的設定方式:

深入認識GTM中網頁瀏覽觸發條件:Dom就緒、網頁瀏覽和視窗已加載

設置兩個的時候,是同時滿足這兩個才觸發,所以這個設定實際是不會觸發的。

 

正確的設定方式:深入認識GTM中網頁瀏覽觸發條件:Dom就緒、網頁瀏覽和視窗已加載

當有多個頁面的時候,需要用“與規則運算式相符”的方式。

 

 

限定特定的頁面不觸發

以為網頁瀏覽觸條件為例,假設Page  A不觸發。

不包含

直接使用觸發條件裡的不包含:

深入認識GTM中網頁瀏覽觸發條件:Dom就緒、網頁瀏覽和視窗已加載

 

新增例外項目

代碼裡的“新增例外項目”也可以起到排除的作用:

深入認識GTM中網頁瀏覽觸發條件:Dom就緒、網頁瀏覽和視窗已加載

添加後的效果:

深入認識GTM中網頁瀏覽觸發條件:Dom就緒、網頁瀏覽和視窗已加載


如果您在操作上仍有任何疑問,歡迎留言交流,或加入:Google Analytics 4交流社團發問
Like (0)
發佈我的留言
取消留言
表情 贴图 加粗 删除线 居中 斜体

Hi,*为發佈留言必須填寫。

  • 顯示名稱*
  • 電子郵件地址*
  • 個人網站網址