文章目錄
認識網頁瀏覽
在GTM裡點擊「觸發條件」——「新增」——「請選擇觸發條件類型以開始設定…」,就可以看到:
Dom就緒(DOM Ready)
DOM Ready,也叫DOM就緒,是在瀏覽器以 HTML 格式建構完整個網頁、系統也準備好剖析文件物件模型 (DOM) 時啟動.
DOM就緒在資料層的事件名為gtm.dom:
如果你想從網頁元素中獲取值作為變數,可以用Dom就緒,因為此時已經建構完整個網頁,確保能夠為能夠獲取正確的值。
初始化(Initialization)
Initialization,也叫初始化,应在所有其他触发器(用户意见征求初始化触发器除外)之前触发。
初始化在資料層的事件名為gtm.init:
想要較快觸發執行的時候,會使用這個觸發條件。
同意聲明初始化(Consent Initialization)
Consent Initialization,也叫同意聲明初始化:最快觸發,用於Cookie Consent/同用户意见征求设置,如只要使用者同意,才可以收集資料。
同意聲明初始化在資料層的事件名為gtm.init_consent:
容器已載入(Page View)
Page View,也叫網頁瀏覽/容器已載入,在網路瀏覽器開始載入網頁時立即啟動。
容器已載入在資料層的事件名為gtm.js:
通常為了盡可能跟蹤全網頁的打開,會使用網頁瀏覽/容器已載入。
如在GTM裡配置GA4的頁面追蹤的觸發條件就是網頁瀏覽/容器已載入,這是為了確保資料盡快發送,避免因為打開網頁後很快就離開,導致的跟追蹤不到的情形。
視窗已載入(Window Loaded)
Window Loaded,也叫視窗已載入,在網頁 (包括圖片和指令碼等所有內嵌資源) 完全載入後啟動。
視窗已載入在資料層的事件名為gtm.load:
網頁瀏覽觸發條件的優先順序
網頁瀏覽觸發條件的優先順序如下:同意聲明初始化>初始化>網頁瀏覽(也叫容器已載入)>DOM就緒>視窗已載入。
可以在GTM點擊『預覽』,然後在Tag Assistant裡看:
每個頁面瀏覽都會是這樣的順序。
選擇哪個觸發條件
對於網頁追蹤,使用Dom就緒、網頁瀏覽/容器已載入、視窗已加載都是可以的,那到底有什麼區別呢?
- 一般來說是使用網頁瀏覽/容器已載入,因為它觸發比較快,避免因為打開網頁後很快就離開,導致的跟追蹤不到的情形。
- 如果設定會用到一些從網頁中獲取的變數,那就需要用Dom就緒或視窗已加載,因為此時已經建構完整個網頁,確保能夠為能夠獲取正確的值。
- 如果你要衡量整個頁面加載完的,如追蹤網頁打開時間,就需要用視窗已加載,只有視窗已加載才可以獲取到完整的時間,延伸閱讀:如何在Google Analytics 4 中追蹤網頁加載速度
限定特定的頁面觸發
以為網頁瀏覽觸條件為例:
僅在一個頁面觸發
假設在頁面Page A觸發,可以這樣做設定:
在多個頁面觸發
假設在頁面Page A和Page B觸發。
錯誤的設定方式:
設置兩個的時候,是同時滿足這兩個才觸發,所以這個設定實際是不會觸發的。
當有多個頁面的時候,需要用“與規則運算式相符”的方式。
限定特定的頁面不觸發
以為網頁瀏覽觸條件為例,假設Page A不觸發。
不包含
直接使用觸發條件裡的不包含:
新增例外項目
代碼裡的“新增例外項目”也可以起到排除的作用:
添加後的效果: