0%

Google Tag Manager - 觸發條件 自訂事件 (Custom Event)

trigger_custom_event_bg

觸發條件 : 自訂事件

trigger_custom_event

Google Tag Manager 中的有個觸發條件的類型是 自訂事件
這類型對於大部分的來說相對陌生,因為這算是搭配 DataLayer 使用的一個條件

Google Merchandise Store 舉例
截圖顯示的是一個 add_to_cart 的事件,並且也攜帶了關於這個加入購物車的相關資料

datalayer_demo

如果發現自己的網站也有類似的資料出現,其實透過自訂事件的 trigger,就可以輕鬆利用這個事件的時間點來觸發 Tag(代碼)
不用再額外設定一些如點擊的追蹤等等

想參考更多 DataLayer 相關文章?

設定流程

以剛剛的 add_to_cart DataLayer 舉例
如果在 預覽模式 底下看到網站有類似的 event 出現
就可以用來設定 觸發條件

add_to_cart_datalayer

新增一個 自訂事件 的觸發條件

set_up_custom_event

並在事件名稱中填入 DataLayer 出現的 event name
請直接複製貼上並確認一模一樣

舉凡空格,大小寫不一樣等等都會讓設定失效

然後,就完成了。

設定這個觸發條件基本上就是這麼簡單,搭配 DataLayer 完整的部署將會大幅降低 GTM 的實作複雜程度

確認設定是否成功

接下來就是要綁定這個觸發條件來測試是否成功了
只要在想要觸發的代碼 Tag 上綁定剛剛建立的觸發條件 Trigger

bind_trigger_with_tag

重新預覽後,看到先前檢查 DataLayer 的時機點中有觸發 Tag
就代表設定成功!

test_success_in_preview