Google Tag Manager 垂直捲動深度瀏灠追蹤
當使用者瀏灠目標網頁時，如果要得知該次瀏灠到使用者在頁面看了多少比例？有這個資訊後可以用來檢討是不是網頁排版不夠吸引用戶，適時調整呈現頁面順序。如何在 Google Tag Manager 設定以垂直捲動深度瀏灠追蹤為例：
建立Trigger：在Workspace的清單中點選 Trigger --> New：
為了後續容易辨識，設定Trigger名稱為 Scroll Depth Trigger，
Trigger的設定如下：
- Vertical Scroll Depths追踨垂直深度捲動
- 設定依頁面的"百分比"： 10,25,50,75,100 (請自行決定要紀錄的間隔)
- 設定 All Pages 會對網站的所有有埋Google Tag Manager程式碼的網頁中捲動事件做紀錄，如果要針特特定網頁可選 Some Pages，使用條件來設定要紀錄哪些網頁
完成後就 SAVE 存檔吧
再來我們須要用變數來接 捲動Trigger 所取得的資訊
點選 Variables -> Built-in Varibles -> Configure
跳出內建變數視窗後找到 Scrolling，將Scroll Depth Threshold, Scroll Depth Unit, Scroll Direction 都勾選。
因為我們要透過 Tag Manager 來把資訊紀錄到 GA (Google Analytics)，方便以後不用每次都要手輸GA 的追蹤ID，所以這邊自已定義一個使用者變數，變數類別(Variable type) 選 常數(Constant)，值的部份就填入目標網站的 GA 追蹤ID
Variables -> User-Defined Variables -> New
再來建立一個Tag，將資訊紀錄到 GA (Google Analytics )服務中：
Tag -> New
選擇 Tag Type 為 Universal Analytics (通用 GA)
為了方便辨識，把Tag命名為 Scroll Depth Tag
GA的設定如下：
- Trace Type 追蹤類型 選 Event (事件)
- Category 類別： Scroll Depth (可以自已定義在GA上要呈現的類別名稱
- Action 動作：{{Page Path }} 網頁路徑 (透過右邊的按鈕選取變數進來)
- Label 標籤： {{Scroll Depth Threshold}} (透過右邊的按鈕選取變數進來)
- Enable overriding settings in ths tag：勾選
- Tracking ID： {{GA Trace ID}} (這是之前我們自訂定的GA追蹤ID 變數
- Trigger： Scroll Depth Trigger
存檔後點選Perview預覽
意思是已經啟用Debug功能，可以瀏灠目標網頁，下方會出現Debug視窗，
請注意，如果設定有修改的話要點選 Refresh
看一下瀏灠目標網頁，的確有出現 Debug 視窗，Scroll Depth Tag 有被觸發了4次
確認沒問題後就 Submit 進行 Publish吧！
這邊須要知道一點，如果使用者已經捲到最下面，然後點選重新整理頁面，因為重整後頁面會直接跳到最下面，所以也會觸發紀錄所有捲動百分比，這樣會造成分析上的困擾，要避免這個情形的話可參考 Scroll-Depth-Trigger-Google-Tag-Manager 有解決方案
參考資料：
