精準追蹤有效曝光數!利用GTM設定「元素可見度」事件追蹤

Alan Syue
3 min readJun 14, 2019

圖片來源:pixabay

大家有遇過這種狀況嗎….?

不知道大家有沒有遇過這種狀況?今天遇到一個需求是:行動版網頁採用瀑布流的頁面,第一屏上有一個廣告版位,往下滾動載入後會再出現另一個廣告版位 。問題來了:如果想知道這兩個版位是否確實曝光(出現在使用者眼前 )該怎麼做計算呢?其實過往不知道怎麼解決這個問題時,只要瀏覽這個頁面,我就會計算曝光,但也發現越下方的版位的點擊率是會被低估的。

利用GTM設定元素可見度解決有效曝光難題

後來發現 GTM 上提供「元素可見度」這個觸發條件,可以解決上面的問題。其實過往我自己在追蹤活動頁上按鈕的點擊率,也常會發生最下方的按鈕點擊率被低估的狀況,利用此觸發條件追蹤也能再更精準的計算成效。接下來簡單簡介該如何進行設定:

第一步驟:設定代碼類型及事件追蹤參數

首先因為我們要將此觸發事件記錄在GA上,故代碼類型選擇GA

接著選擇事件,並填上事件類別、動作、標籤,並記得設定要紀錄的GA追蹤編號。之類記錄到的事件將會寫在 GA 的「行為>事件」報表中。

第二步驟:設定觸發事件

在觸發條件類型選擇「元素可見度」

接下來要設定兩個步驟:

  1. 設定選取的元素,可以用 ID 或 CSS 選擇器,我是使用 CSS 選擇器,設定方式假設元素標籤上的 class 為 btn_c1ass 就寫 .btn_c1ass ,若有 ID 為 btn_id 則寫 #btn_id
  2. 設定觸發的時機,分別有三種:

*每個網頁一次:如果有多個符合CSS選擇器條件的元素在頁面上,則只會在首次元素被看見時觸發一次。

*每個元素一次:只會對符合選定條件的元素觸發一次,如果有多個符合條件元素,則在第一次被看見時觸發一次。若是有多個相同 ID 元素,則只會在第一次符合時觸發一次。

*每次元素在畫面上顯示時:這個就比較容易理解,只要被看見時就會觸發,一直來回滑動他就會一直觸發

看起來很複雜,不過依照上述計算按鈕或廣告版位的有效曝光,我會選擇使用「每個元素一次」較符合需求。

另外由於我是有單一頁面追蹤需求,不希望在其他頁面時遇到符合相同條件元素就觸發,導致數據失準,所以我會在下方在設定網址判斷的條件。

第三步驟:預覽測試及查看數據

利用 GTM 的預覽模式確認是否有成功觸發,大功告成並發布後,就能在 GA 行為報表上利用元素可見度追蹤出「有效曝光數」數據囉!

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

Alan Syue
Alan Syue

Written by Alan Syue

Backend Engineer at UPN | Love to share everything

No responses yet

Write a response