我們跟 Hahow 合作開課囉!帶你從零到學會GTM建置的超實用技術
一起提升數位行銷力 👉 https://hahow.in/cr/tagmanager

 

你是否曾疑惑:網站上的事件究竟是怎麼被觸發/被追蹤到的?或是曾遇過『明明指示設定,但代碼卻還是沒有被觸發』那麼你應該先做的事:釐清網站事件是經過哪幾個環節後才被觸發,以及是哪個環節出錯才會到只觸發失敗,如此才能更有效的解決問題!

 

網站是由多個元素組成的

先前有提過,可以根據工程師在網站上設定的元素來設定點擊事件。如果你在網頁上點選右鍵檢查,就會看到網站上有密密麻麻的程式碼,其中會有很多 <xxx>….</xxx> 這些就是元素,過去我們在設定代碼管理工具的觸發條件時,就會根據這些元素去做設定。

 

網站載入後就是一連串的事件旅程

資料來源:Steven的行銷觀察

在使用者載入網站後就會開始一連串的事件旅程,直到完成後才能完整呈現出網頁的樣子(或者說完整抓取到你要的網頁資料)這些事件都有一定的先後順序,如果你經常使用GTM設定網站代碼,或許你會注意到在網頁瀏覽的觸發條件類型有三個選項,分別是網頁瀏覽DOM 就緒視窗已載入,以下會分別介紹這三個觸發類型的概念

網頁瀏覽

當訪客載入瀏覽器的那一刻起(觸發GTM)就是網頁瀏覽事件的開始,當你只需要網頁曝光產生的資料時,選擇這個即可。

DOM 就緒

資料來源:Steven的行銷觀察

DOM 指的是文件物件模型 Document Object Model,你可以想像成『網頁瀏覽』只是載入瀏覽器,網頁剛曝光而已,那當整個網頁的 DOM 元素都被瀏覽器偵測到後,就完成了『DOM 就緒』,也就是網頁曝光後也偵測到有哪些元素。

視窗已載入

當圖片和網頁資源都已完全載入後就啟動,當完全載入後,訪客與網站互動過程就會接受到許多事件,例如:點擊事件滑鼠滾動、交易等等。以一般電商網站來說,我們會使用網頁瀏覽來設定 Google Analytics、Google Ads 或 Facebook…等的再行銷代碼,但是當我們希望能夠抓取網站頁面上的資料時,若設定網頁瀏覽就抓取可能會抓不到,因此建議至少要等到 DOM 就緒或是視窗已載入後再抓取會比較保險。

或許你會問,先前設定交易或點擊事件之類也是設定網頁瀏覽不是嗎?其實筆者實際上測試的確是沒問題的,但因為每個網頁架構跟本身性質不同,有可能用別的網站設定網頁瀏覽就會抓取不到事件的值,因此會建議要先設定網頁瀏覽也沒問題,但如果抓取不到,記得要依照事件行走的旅程去設定,會是比較保險的做法。

 

學習事件旅程:學習網站架構

了解觸發事件的過程,對於行銷生涯會有幫助嗎?答案是:有的!
對事件旅程的理解就是在學習網站基本的架構,你可以了解觸發事件的造成原因(通常是在 DOM 就緒或視窗載入後才發生的)當你對架構越熟悉,你就越不需要依賴與工程師頻繁的溝通,也越能準確的提供具體需求讓工程師明白你處在什麼狀態、需要什麼樣的幫助。

 

以上就是本日的數位資訊分享,感謝你的閱讀。如果對廣告投放有興趣,歡迎來電洽詢,我們會安排專業的優化師為您服務。
✆ 02-23965819
✉︎ https://pse.is/ispot

 

以上文章轉自 Steven Chen,如果喜歡他的思考模式,歡迎透過連結關注他。

 

iSPOT ▪︎ Steven Chen
stevenchen@i-spotmedia.com
熱愛從學習、思考到實踐的過程,相信人生跟工作一樣都要不停的優化。