jQuery Scroll Depth 套件可以用來偵測並追蹤使用者在網頁捲軸捲動事件,並利用 Google Analytics 的 GA Event API 來追蹤。當使用者捲動捲軸到某一處時「Scroll Depth (滾動深度)」就會送出一個 Google 分析事件,我們可以藉些來追蹤分析使用者閱讀網站內容的情形。
使用 GA 事件 Event 的好處多多,除了方便評估目標成效之外,對於一些網頁或流程上不容易監控分析的行為,只要可以抓的到特定的形式,如點擊動作、按鈕功能,甚至等會要說到的「滾動深度」都可以用的上。
「滾動深度」 預設的追蹤事件有 25%,50%,75%,100%,而在網頁一開始載入之後,「滾動深度」就會馬上送出一個 "baseline" 事件。
如果要使用Google 代碼管理工具設定 Google Analytics 的事件追蹤滾動深度,請採取下列步驟:
① 在「容器」畫面中按一下 [新增代碼],然後選取「自訂 HTML 代碼」先寫入<script></script>,於兩個標籤間貼上滾動深度的程式,再加入觸發使用者在操作網頁時的捲軸捲動事件,並指定代碼啟用時機的觸發條件為全部頁面,點擊建立標籤。
② 要追蹤可能在網站或應用程式中發生的任何滾動深度,使用自訂事件,追蹤滾動深度的事件名稱。
③ 在「容器」畫面中按一下 [新增代碼],然後選取代碼類型為 Google Analytics ,並指定代碼啟用時機的觸發條件為當有任何滾動深度事件,點擊建立標籤,設定如下:
④ 在所需版本的旁邊選取 [動作] → [預覽]。啟用預覽模式後,只要前往導入容器的網站,您就會在瀏覽器底部看到主控台視窗,檢查變數的狀態是否有值填入。
⑤ 按一下上方導覽列的 [版本]。接著按一下表格中所需的版本,然後按一下 [動作] → [發佈]。Google 代碼管理工具會保留發佈紀錄,方便您查看版本生效的時間及發佈者。
完成以上的步驟即可。