一個網頁的成效好不好,有個最基本的判斷方式就是觀察「有多少人完整的看完整個頁面」,今天就來教大家在GTM上安裝Scroll Tracking Code,觀察訪客的網頁捲動深度有多少!

推薦使用LunaMetrics Scroll Tracking Code

其實想要追蹤Landing Page的頁面瀏覽深度(Scroll Depth,也可以說是滑鼠滾動/捲動的深度),LunaMetrics已經有準備好先現成的Code放在網路上而且只需要簡單幾個步驟就OK,非常簡單好用,十分推薦大家使用!

LunaMetrics的Scroll Tracking Code傳送門
https://www.lunametrics.com/labs/recipes/scroll-tracking/

步驟一、下載container

照片為LunaMetrics Scroll Tracking Code的使用步驟一,下載container之畫面
※請在下載按鈕按右鍵,選擇「另存連結為」,然後以.json檔案形式儲存。

現在的世界真的越來越方便,已經不需要手動複製Code,因為人手操作滑鼠難免會有失誤,而Code又是密密麻麻一串,要是少複製到幾個字,Code就不能正常作用了,因此現在都流行把Code做成container,大家用下載、上傳的方式,就不怕有這樣的問題了吧!

步驟二、登入GTM上傳container

照片為在container區塊,選擇Import Container

登入GTM之後,進入到Admin畫面,在container區塊,選擇Import Container。

照片為下載的container,並於Choose workplace選擇「Existing」。在Choose an import option的地方,請選擇「Merge」,以及「Rename conflicting tags, triggers and variables」。

選擇剛剛下載的container,並於Choose workplace選擇「Existing」。在Choose an import option的地方,請選擇「Merge」,以及「Rename conflicting tags, triggers and variables」。

選擇Merge的原因是因為這樣才不會把目前的Tags全部覆寫掉;而選擇Rename則是避免直接覆寫某些重複/衝突的Tags,但如果你已經確定workplace裡面沒有重複/衝突的Tags就可以選擇Overwrite。

照片為GTM上的變更預覽
※GTM還會很貼心的把變更預覽顯示出來給你確認。

步驟三、回到Tag頁面,修改Tag

上傳好container之後,回到Tag頁面,這時會看到畫面上出現新增好的兩個Tags:

  1. GA – Event – Scroll Tracking
  2. CU – Scroll Tracking – LunaMetrics Plugin

照片為GTM的Tag頁面

點選GA – Event – Scroll Tracking,然後按鉛筆圖示進入修改模式,在下方追蹤編號的地方,輸入Landing Page的GA ID,然後按儲存。

步驟四、發佈變更

在GTM上面的所有修改,一定要記得發佈變更,發布完成後,應該就會生效了。不過建議至少24小時之後,有累積到數據之後,就能在GA的行為 > 事件 > 熱門事件 > 事件類別,就可以看見Scroll Tracking的數字。如果點選事件動作,就會出現看完Landing Page 25%, 50%, 75%, 100%的流量數字了。

看完以上的教學,各位行銷人們是不是覺得其實一點不難呢?想要了解自己製作的頁面被瀏覽到怎樣的程度,就動手設定一次看看吧!

延伸閱讀

學會用GTM追蹤會員登入狀態,在GA上挖掘會員商機!
學會用GTM追蹤「電話聯絡數」,掌握廣告成效只要3步驟!