【GTM 教學】如何追蹤網頁捲軸深度?4 步驟掌握用戶真實閱讀比例(GA4 適用) - Mr. 蔡大痣數位轉型顧問 - WordPress 及 SEO 專家

文章分類/

【GTM 教學】如何追蹤網頁捲軸深度?4 步驟掌握用戶真實閱讀比例(GA4 適用)

43 瀏覽
2026-02-23 更新

在進行 SEO 內容行銷時,你是否常遇到一個困擾:「明明點擊次數很多,但不知道讀者到底有沒有把文章看完?」

GA4 預設的捲軸追蹤僅會在用戶到達 90% 時觸發,這讓我們難以判斷讀者是在開頭就離開,還是讀了一半才失去興趣。

本文將手把手教你如何透過 GTM (Google Tag Manager) 設定 25%、50%、75% 的多階層捲軸追蹤,精確掌握用戶的「閱讀流失曲線」。

為什麼你需要設定自訂捲軸深度?

  1. 區分流量品質: 判斷不同來源(如 Facebook vs. Google 搜尋)的讀者,誰對你的內容更有熱誠。
  2. 優化內容長度: 如果大多數人在 50% 就離開,代表你的文章可能過長,或是中間段落不夠吸引人。
  3. 精準廣告投遞: 你可以針對「讀完 75% 文章」的高興趣受眾進行再行銷(Retargeting)。

第一步:開啟 GTM 內建捲軸變數

在開始設定前,必須先確保 GTM 會讀取「捲軸百分比」這個數值。

  1. 登入 GTM 後台,點擊左側選單的 「變數 (Variables)」
  2. 在右上角點擊 「設定 (Configure)」
  3. 捲動到最下方,勾選 「Scroll Depth Threshold」(捲軸深度閾值)。

第二步:建立「捲軸高度」觸發器

我們要告訴 GTM 在什麼時候該發送數據給 GA4。

  1. 點擊 「觸發器 (Triggers)」 > 「新增」
  2. 命名為:Trigger - GA_SCROLL_DEPTH
  3. 觸發器類型: 選擇 「捲軸高度 (Scroll Depth)」
  4. 垂直捲軸高度: 勾選「百分比」,輸入:25, 50, 75, 90
  5. 觸發時機: 選擇「所有頁面」或指定特定目錄。

第三步:設定 GA4 事件代碼

這是將數據傳送到 Google Analytics 的關鍵步驟。

  1. 點擊 「代碼 (Tags)」 > 「新增」
  2. 代碼類型: 選擇 「Google Analytics:GA4 事件」
  3. 評估 ID: 輸入你的 GA4 ID(G-XXXXXXXX)。
  4. 事件名稱: 建議自訂為 scroll_depth_tracking
  5. 事件參數 (Event Parameters): 新增一個參數。
    • 參數名稱: scroll_depth_value
    • 值: 點擊 + 號選擇 {{Scroll Depth Threshold}}
  6. 啟動條件: 選擇剛才建立的 「捲軸高度觸發器」

第四步:在 GA4 註冊自訂維度

注意! 若沒做這一步,你在 GA4 報表或 Looker Studio 中將看不到具體的百分比數值。

  1. 前往 GA4 管理界面 > 自訂定義 (Custom definitions)
  2. 點擊 「建立自訂維度」
  3. 維度名稱: 捲軸百分比
  4. 範圍: 選擇 「事件 (Event)」
  5. 事件參數: 輸入你在 GTM 設定的 scroll_depth_value

完成上述設定後,建議等待 24 小時。接著你就可以在 Looker Studio 建立一個熱圖報表,分析:

  • 哪些文章的完讀率(90%)最高?
  • 不同來源(媒介)進來的讀者,誰在 25% 就跳走了?

透過數據,我們不再盲目寫作,而是能針對讀者的「閱讀耐心」進行精準的內容優化!

專家建議: > 雖然追蹤 25/50/75% 很精確,但如果你的網頁包含大量評論區或頁尾,90% 的觸發可能不代表真的讀完。建議將 75% 作為「文章核心內容讀完」的指標會更準確。

✦ 虎鯨 OrcaBiz SEO 優化專業團隊 ✦

專業 SEO 公司幫助你將流量累積成看得見的業績,成為長期有效的最強業務!

載入中…
沒有更多相關文章可閱讀