頁面捲動深度追蹤
本站屬於技術分享的文章,最好的互動就是閱讀文章的深度,透過 GTM 可以簡單的設置當捲動深度達到目標百分比時當作是轉換。本篇可以拆分成三個部分:GTM 事件設定、GTM Debug、GA 目標設定。
Google Tag Manager 設置事件
Variable
啟用內建變數Scroll Depth Threshold
,拿來當作事件價值使用。
Trigger
新增捲動深度的觸發條件,勾選捲動深度後分別設置 40 與 85 百分比,出發條件鎖定在文章頁面,開頭為 /posts/
。
Tag
- 新增通用 Analytics (分析)。
- 追蹤類型改成
事件
。 - 填上自訂義的類別、動作或標籤,標籤與值帶上預設變數
Scroll Depth Threshold
。 - 帶上以設置好的 GAID (不知道看這邊)。
- 新增觸發條件
Scroll Depth 40
與Scroll Depth 85
Debug
基本上只要 Google Tag Manager 設置事件發佈後就完成了,不過在正式環境還是 Debug 一下比較安全。
啟用預覽
在 Google Tag Manager 右上角有個預覽按鈕,按下後出現橘色的框框即進入預覽模式。
確認事件觸發
重新整理網站後底下出現 Debug 小工具,接著測試欲觸發的事件,確認左邊 Trigger 新增時,右邊 Tag 是否有被移動到 Tags Fired On This Event
。
確認變數
接著點入 Tag,可以確認 Tag 被觸發時所帶的變數是否符合預期。
Google Analytics 設置目標
目標用來衡量網站/應用程式達成指定目標的效果官方參考,目標追蹤完成文章閱讀 (捲動百分比達 80% 以上)。
根據 Tag 上所帶的參數設定。
之後就可以追訪客的目標達成率。