跳轉中,訪問新網域網站 https://samiliu.xyz

logo头像
Snippet 博客主题

頁面捲動深度追蹤

本站屬於技術分享的文章,最好的互動就是閱讀文章的深度,透過 GTM 可以簡單的設置當捲動深度達到目標百分比時當作是轉換。本篇可以拆分成三個部分:GTM 事件設定、GTM Debug、GA 目標設定。

Google Tag Manager 設置事件


Variable

啟用內建變數Scroll Depth Threshold,拿來當作事件價值使用。

Trigger

新增捲動深度的觸發條件,勾選捲動深度後分別設置 40 與 85 百分比,出發條件鎖定在文章頁面,開頭為 /posts/

Tag

  1. 新增通用 Analytics (分析)。
  2. 追蹤類型改成 事件
  3. 填上自訂義的類別、動作或標籤,標籤與值帶上預設變數Scroll Depth Threshold
  4. 帶上以設置好的 GAID (不知道看這邊)。
  5. 新增觸發條件Scroll Depth 40Scroll Depth 85

Debug


基本上只要 Google Tag Manager 設置事件發佈後就完成了,不過在正式環境還是 Debug 一下比較安全。

啟用預覽

在 Google Tag Manager 右上角有個預覽按鈕,按下後出現橘色的框框即進入預覽模式。

確認事件觸發

重新整理網站後底下出現 Debug 小工具,接著測試欲觸發的事件,確認左邊 Trigger 新增時,右邊 Tag 是否有被移動到 Tags Fired On This Event

確認變數

接著點入 Tag,可以確認 Tag 被觸發時所帶的變數是否符合預期。

Google Analytics 設置目標


目標用來衡量網站/應用程式達成指定目標的效果官方參考,目標追蹤完成文章閱讀 (捲動百分比達 80% 以上)。

根據 Tag 上所帶的參數設定。

之後就可以追訪客的目標達成率。