If you can't measure it, you can't improve it.
GTM教學(十三)-利用「元素可見度」埋設事件追蹤

GTM教學(十三)-利用「元素可見度」埋設事件追蹤

什麼是元素可見度?

最近研究了各種追蹤網頁上按鈕或是特定目標的方法,除了之前提到的符合CSS選擇器以外,還有一種進階埋設方式叫做元素可見度,顧名思義就是在你看到該特定元素時,就啟動他的觸發條件,舉個例子來說:今天網頁A內有一顆按鈕,除了點擊按鈕以外,你還想知道多少人在網站上有看到它但沒點擊,或許你會想那設定滾軸事件是不是也可以呢?但滾軸事件是依照網頁瀏覽比例去判定觸發,因此假如你的按鈕不是剛好在網頁特定比例時,觸發就會不那麼精準,但元素可見度就可以解決這個問題,讓你想追蹤的任何事件順利觸發!

GTM設定元素可見度的觸發條件

首先進到網站上,假設我們要埋設觀看到網站上提交留言按鈕就觸發,那麼會先需要取得它的ID,因此把它複製下來

接著回到GTM後台,到觸發條件的地方將觸發類型設定為元素可見度,選取方式選ID、下方填入剛剛複製的元素ID

至於下方的觸發條件時機有三個分別的意思如下:

  • 每個網頁一次:如果某網頁上有多個元素與 ID 或 CSS 選擇器相符,觸發條件只會在其中一個元素首次在該網頁上變成「可見」時啟動
    .
  • 每個元素一次觸發條件對各個網頁上的各個選定元素只會啟動一次,如果某網頁上有多個元素與 CSS 選擇器相符,各個元素首次在該網頁上變成「可見」時,觸發條件都會啟動 ; 但如果若該網頁有多個元素的 ID 相同,那麼只有第一個相符元素會啟動這個觸發條件
    .
  • 每次元素在畫面上顯示時:每次有相符元素變得「可見」,觸發條件就會自動或透過使用者互動啟動,所以當你來回滾動就會重複觸發

因此綜合以上來說,選擇「每個元素一次」在這個案例裡會比較精準些,但記得檢查網頁有沒有其他相同ID的按鈕之類,其他部分就不用特別改囉。

接著在觸發代碼的部分,我先用自訂Html設定代碼類型測試,後續如果要用特定媒體追蹤也可以綁定該媒體即可。

預覽測試

最後一樣使用預覽測試先檢查一下代碼否有正常觸發,只要當你在頁面上一看到那顆設定的按鈕時,就會觸發到事件囉!

如果你想深入了解怎麼埋設,也可以看看以下這支影片

那麼GTM的元素可見度埋設就到這邊,如果你在數位行銷和網站分析上也有什麼有趣的發現,歡迎於下方留言給我,我們下篇文章見:-)

發佈留言

Close Menu