Google Tag Manager 教學 (III) – 頁面滾動深度追蹤

打給賀，本篇是 Google Tag Manager 中文導覽的第三篇，我們將介紹 頁面滾動深度的追蹤，這項指標某程度也代表用戶對內容的興趣有多高。

還找不到學 Google Tag Manager 的重要性？還沒安裝好你的 Google Tag Manager 嗎？
動動手指先看看第一篇【Google Tag Manager】中文導覽 (I) – 基本設定教學吧！

點擊事件追蹤請服用第二篇：【Google Tag Manager】中文導覽 (II) – 點擊事件追蹤

本文學習大綱

教學開始 —— 頁面滾動追蹤篇

什麼是垂直頁面滾動深度？

用戶往垂直方向，向下滑動頁面的比例；
達到100%表示全部內容都曾出現在用戶視窗。通常會設定 60%~70% 以上來代表用戶真的有對此頁面進行互動、閱讀思考。

建立頁面滾動追蹤代碼

在設定 Tag 時，我們可以將事件動作帶入「當前用戶滑到的百分比」
我們在後面設定 Trigger 時，選特定的幾個百分比觸發，例如：25%, 50%, 75%, 100%，這樣就可以統計閱讀深度達到各%數的用戶有多少人，形成一個頁面閱讀的漏斗指標。

建立頁面滾動觸發條件

觸發條件類型：「捲動頁數」
勾選「垂直捲動頁數」-「百分比」，填入你想要設為追蹤門檻的數字 (EX: 25,50,75,100)
啟用這項觸發條件的時機：「視窗載入 (gtm.load) 」，代表等到網頁初始內容都載入後，再追蹤用戶滾動的深度到哪裡。

其他2種選項的解釋：
- 容器載入 (gtm.js)：頁面載入時就儘快觸發；較適合廣告像素、其他第三方平台追蹤碼或單純追蹤網頁瀏覽曝光的觸發。
- DOM 就緒 (gtm.dom)：DOM 準備好接受剖析後觸發；較適合用在需要追蹤網站上特定元件是否出現時。

使用預覽工具檢查代碼觸發

可以看到事件被成功的觸發，點進去細看 Variables，Scroll Depth Threshold也是記到正確的頁面深度百分比。

確認 Google Analytics 報表資料

預覽確認無誤後就可以提交發布，等待一陣子後也可以在 Google Analytics 看到蒐集到的事件數據囉。
路徑：「行為」>>「事件」>>「熱門事件」

小結

本篇「頁面滾動深度追蹤」教學就到這邊結束啦！
其他中文導覽系列的連結，都幫大家整理在底下囉，歡迎自由取用；
喜歡別忘了幫我在底下留言表達簡短小小心得、並分享給你更多需要的同事朋友！

工具百百種，沒時間自己慢慢研究…？

推薦你填寫本站的諮詢傳聲筒，我將為你 客製 Google Tag Manager 教學；其他行銷分析工具、資料科學建模流程 等需求，也歡迎填表我們來討論！