【GA 事件設定】Blog 文章表現追蹤(實測設定成功)

閱讀時間約 8 分鐘
值得你信賴(滾動方面)的表現追蹤工具 - Google Analytics

值得你信賴(滾動方面)的表現追蹤工具 - Google Analytics


想要深入了解您的網站訪客如何與頁面互動?Google Analytics 4(GA4)事件提供了一套強大的工具,讓您可以清楚地掌握用戶在頁面上的滾動行為。通過滾動追蹤,GA4 不僅協助您優化內容排版,還能提升整體使用者體驗並增加轉化率。


2024.11.12 測試

  • 因應 GDPR 隱私政策更新,GTM 捲動頁數追蹤,需要獲取用戶同意,才能正確啟用。
raw-image


其他推薦滾動追蹤工具


公司規定用 GA 的人🙀,請往下看


正文

GA 如何追蹤 Blog 文章表現

在 Google Analytics (GA) 中設定追蹤 Blog 文章的表現,可以幫助你了解哪些文章吸引最多讀者、停留時間、跳出率、轉換等。


在 Google Analytics 4(GA4)中,要開始追蹤用戶的滾動行為,建議開啟並設定強化事件(Enhanced Measurement Events)。強化事件是一組自動追蹤的事件,無需額外的程式碼,即可幫助您收集更多關於用戶行為的資料。以下是與滾動追蹤相關的強化事件,以及開啟後的好處:


強化事件之滾動追蹤設定:

  1. 滾動追蹤(Scroll Tracking):GA4 提供內建的滾動追蹤事件,可以在用戶滾動至頁面高度的 90% 時觸發事件(例如「scroll_90」事件)。此事件有助於瞭解用戶是否瀏覽完整頁面,並判斷用戶對內容的投入程度。
  2. 點擊追蹤(Click Tracking):當用戶點擊特定的連結或按鈕(如 CTA 按鈕)時,自動追蹤點擊行為,以便分析用戶在滾動過程中是否點擊特定元素。此數據可用於了解滾動深度對轉化率的影響。
  3. 視頻互動追蹤(Video Engagement Tracking):若頁面上有嵌入影片,此功能會自動追蹤用戶在觀看影片時的互動行為(播放、暫停、進度等),以便觀察滾動行為是否影響影片的觀看情況。
  4. 文件下載追蹤(File Download Tracking):自動偵測並記錄用戶的文件下載行為,如 PDF、PPT 等文件下載。此數據幫助判斷滾動行為是否促使用戶對內容的深入參與。
  5. 網站搜尋追蹤(Site Search Tracking):記錄用戶在網站搜尋欄中輸入的搜尋詞,了解用戶滾動後的需求,並判斷頁面內容與用戶意圖的匹配度。



方法1

GA4 增強型測量❗實測可行 90% 滾動深度追蹤❗

GA4 自動追蹤開啟增強型測量,記錄基礎事件如頁面瀏覽、滾動、點擊等。


  1. 進入 GA4 管理平台。
  2. 前往「資料流」設定,選擇你的網站資料流。
  3. 開啟「增強型測量」(Enhanced Measurement),並確保「頁面瀏覽」(page_view)和「卷動」(scroll)功能已啟用。這樣可以自動追蹤到使用者的頁面瀏覽和卷動行為。
  4. 增強型測量的滾動事件的定義:GA4 會自動追蹤頁面滾動到 90% 位置的情況,也就是當使用者滾動到頁面 90% 的位置時GA4 會記錄一個英文名為 scroll 的事件
raw-image





方法2

使用 GTM 事件❗需獲取用戶同意❗自訂滾動深度

如果需要更細的設定滾動百分比的事件,可以使用GTM進行設定,將事件資料收集,匯入GA4報表中。以下是用 GTM 設計追蹤滾動事件的設定流程:


設定 GTM 觸發器

在 GTM 中設定不同滾動深度的觸發器,可以讓你追蹤使用者在頁面上的滾動行為。

  1. 進入 Google Tag Manager
    • 登入 GTM,進入你所要設置的網站的工作區。
  2. 建立滾動深度觸發器
    • 在 GTM 中點擊左側的「觸發器」,然後選擇「新增」。
    • 為觸發器命名,例如「Scroll Depth Trigger」。
  3. 選擇觸發器類型
    • 選擇「滾動深度」(Scroll Depth)作為觸發器類型。
    • 在「滾動深度」設定中選擇垂直(Vertical)滾動深度,並填入指定的百分比數值。例如,輸入 10, 25, 50, 75, 90
    • 每個百分比會在使用者卷動到相應位置時觸發一次。
  4. 儲存觸發器
    • 儲存這個觸發器,完成設置。完成如圖,會看到垂直滾動百分比:
raw-image


設定 GTM 代碼

在 GTM 中,使用這些滾動觸發器來建立 GA4 事件標籤,以便將滾動深度數據傳送到 Google Analytics 4。

  1. 建立新 GA4 事件代碼
    • 點擊「代碼」>「新增」。
    • 命名代碼,例如「GA4 - Scroll Depth Event」。
    • 選擇 選擇標籤類型為「Google Analytics: GA4 事件」。
    • 選擇你的 GA4 組態標籤。
  2. 設定事件名稱及參數
    • 在「事件名稱」中輸入 scroll_depth 或其他自訂名稱(方便在 GA4 中辨識這個事件)。
    • 在參數中設定 scroll_percentage,並設置變數 {{Scroll Depth Threshold}}(GTM 自動提供此變數,會傳送卷動百分比的值,如 10、25、50、90)。
  3. 設定觸發條件
    • 在觸發條件中,選擇剛剛設定的滾動深度觸發器。
  4. 儲存標籤並發布
    • 儲存標籤,然後提交並發布 GTM 的變更。

設定後,會看到如下方圖片,包括滾動追蹤代碼、事件觸發條件:

raw-image



常見問題

未找到GA4 代碼?請先進行 Google 代碼設定?

「Google 代碼」實際上是指 GA4 的「測量 ID」,這是一組唯一的標識碼,用於將 GTM 標籤數據傳送到 GA4。追蹤滾動,一共要設定兩個代碼如下:

raw-image


檢查變數設置

{{Scroll Depth Threshold}} 是 GTM 中的內建變數,但需要手動打開,並不會預先啟用此變數,通常在設置滾動深度觸發器後,可以手動檢查並啟用該變數:

raw-image


  1. 開啟變數設置頁面
    • 在 GTM 中,點擊左側的「變數」選項。
  2. 啟用內建變數
    • 在「內建變數」區域中,點擊「設定」。
    • 確認「卷動深度臨界值」(Scroll Depth Threshold)已啟用。它位於「卷動深度」相關的變數列表中,並且可能與 Scroll Depth UnitsScroll Direction 一同出現。
    • 如果尚未啟用,勾選「卷動深度臨界值」。
  3. 儲存變數設定
    • 儲存變數設置後,{{Scroll Depth Threshold}} 應該可在標籤中使用。


結論

滾動追蹤功能協助網站管理者深入掌握用戶在頁面的互動模式,進一步提升網站內容。藉由追蹤滾動行為,數位工具可以記錄用戶滾動的深度、分析滾動速度與頻率,並檢測用戶是否已瀏覽至頁面底部。這些資料協助網站管理者洞察用戶的瀏覽參與度,進而制定更精準的內容優化策略。

此外,滾動追蹤功能還可識別用戶停留的特定區域,並分析滾動行為與用戶互動之間的關聯。透過自動檢測滾動事件的觸發條件,數位工具幫助網站管理者瞭解哪些內容區域更能吸引用戶,從而調整內容佈局和互動設計,以提升整體使用者體驗。


遇到問題,請留言給我




2會員
4內容數
我是專業的商業寫作者,專攻能帶來收入的內容創作,涵蓋行銷、管理、財務等領域。我擅長將專業知識轉化為具吸引力、實用的文章,協助企業提升品牌價值,推動業務成長。
留言0
查看全部
發表第一個留言支持創作者!
攻佔排行榜 的其他內容
在現今資訊爆炸的時代,電子閱讀器成為提升閱讀效率的重要工具。本文推薦四款熱門電子閱讀器,分別是Kindle Paperwhite、Kobo Clara HD、HyRead Gaze Note和MooInk Pro 2,適合不同使用者的需求。這些閱讀器都能提供良好的使用體驗,幫助您更有效地吸收資訊。
5/5用起來真的不錯
在現今資訊爆炸的時代,電子閱讀器成為提升閱讀效率的重要工具。本文推薦四款熱門電子閱讀器,分別是Kindle Paperwhite、Kobo Clara HD、HyRead Gaze Note和MooInk Pro 2,適合不同使用者的需求。這些閱讀器都能提供良好的使用體驗,幫助您更有效地吸收資訊。
5/5用起來真的不錯
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
Thumbnail
近期 Google 搜尋引擎API機密文件的外流事件,絕對是近期震撼數位行銷世界的一大頭條,其內容揭示了一些有關 Google 搜尋結果生成原理的重要細節。今天本男爵就來跟各位聊聊這其中獲得的寶貴洞察,或許會對您在設計網站內容時有一些不同的想法!
Thumbnail
文章目錄 GA4 簡介 SEO 代理商 GA4 應用 社群媒體代理商 GA4 應用 數位廣告代理商 GA4 應用 數位行銷顧問公司 GA4 應用 網站設計與開發公司 GA4 應用 影片製作公司與內容行銷代理商 GA4 應用 聯絡 TenMax 獲得免費 GA4 健檢機會 GA4
Thumbnail
本文介紹了 Google Analytics 4(GA4)示範帳戶的取得方式,並提供了幾種 GA4 分析小練習,讓新手能夠實際練習和學習。文章包含了關於 GA4 示範帳戶的資源、如何移除帳戶存取權以及各種分析練習,旨在幫助讀者更熟悉 GA4 這個工具。
Thumbnail
Google Analytics 4(簡稱GA4)可說是當今市場上最流行的網站流量分析工具之一,但GA4究竟是什麼?在這篇文章中,我們將深入探討GA4,了解它的功能、優勢,以及誰應該學習。無論你是想更深入了解你的受眾、優化廣告策略,還是透過優化網站來達成商業KPI,GA4都可以幫助你實現目標。
Thumbnail
在當今數位時代,SEO(Search Engine Optimization)已成為網站提升曝光度和流量的重要手段。Google Analytics作為一個龐大的數據分析工具,對於SEO分析提供了豐富的數據和洞察。以下是一個簡單的指南,幫助您學習如何使用Google Analytics進行SEO分析
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
Thumbnail
近期 Google 搜尋引擎API機密文件的外流事件,絕對是近期震撼數位行銷世界的一大頭條,其內容揭示了一些有關 Google 搜尋結果生成原理的重要細節。今天本男爵就來跟各位聊聊這其中獲得的寶貴洞察,或許會對您在設計網站內容時有一些不同的想法!
Thumbnail
文章目錄 GA4 簡介 SEO 代理商 GA4 應用 社群媒體代理商 GA4 應用 數位廣告代理商 GA4 應用 數位行銷顧問公司 GA4 應用 網站設計與開發公司 GA4 應用 影片製作公司與內容行銷代理商 GA4 應用 聯絡 TenMax 獲得免費 GA4 健檢機會 GA4
Thumbnail
本文介紹了 Google Analytics 4(GA4)示範帳戶的取得方式,並提供了幾種 GA4 分析小練習,讓新手能夠實際練習和學習。文章包含了關於 GA4 示範帳戶的資源、如何移除帳戶存取權以及各種分析練習,旨在幫助讀者更熟悉 GA4 這個工具。
Thumbnail
Google Analytics 4(簡稱GA4)可說是當今市場上最流行的網站流量分析工具之一,但GA4究竟是什麼?在這篇文章中,我們將深入探討GA4,了解它的功能、優勢,以及誰應該學習。無論你是想更深入了解你的受眾、優化廣告策略,還是透過優化網站來達成商業KPI,GA4都可以幫助你實現目標。
Thumbnail
在當今數位時代,SEO(Search Engine Optimization)已成為網站提升曝光度和流量的重要手段。Google Analytics作為一個龐大的數據分析工具,對於SEO分析提供了豐富的數據和洞察。以下是一個簡單的指南,幫助您學習如何使用Google Analytics進行SEO分析