【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}} 應該可在標籤中使用。


結論

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

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


遇到問題,請留言給我




留言
avatar-img
留言分享你的想法!
avatar-img
攻佔排行榜
2會員
7內容數
我是專業的商業寫作者,專攻能帶來收入的內容創作,涵蓋行銷、管理、財務等領域。我擅長將專業知識轉化為具吸引力、實用的文章,協助企業提升品牌價值,推動業務成長。
攻佔排行榜的其他內容
2025/03/23
為什麼有些工具會爆紅?本文探討工具設計中融入「人際互動」的重要性,並分析如何透過分享、情緒連結與話題引發,創造病毒式傳播效應,讓工具本身成為一種社交動作,而非單純的功能。文中以Midjourney、Canva、Dropbox等案例,說明如何巧妙設計,鼓勵用戶分享,並提升用戶參與度。
Thumbnail
2025/03/23
為什麼有些工具會爆紅?本文探討工具設計中融入「人際互動」的重要性,並分析如何透過分享、情緒連結與話題引發,創造病毒式傳播效應,讓工具本身成為一種社交動作,而非單純的功能。文中以Midjourney、Canva、Dropbox等案例,說明如何巧妙設計,鼓勵用戶分享,並提升用戶參與度。
Thumbnail
2025/01/07
「211餐盤飲食法」是一種簡單易行的健康飲食方法,只需記住2份蔬菜、1份蛋白質、1份全穀類的比例,就能輕鬆達成營養均衡。本文詳細介紹211餐盤的比例原則、執行方式、菜單範例,並分享作者親身實踐的心得,以及如何搭配運動、尋求專業營養師協助,讓減重過程更有效率,輕鬆擁有健康生活。
Thumbnail
2025/01/07
「211餐盤飲食法」是一種簡單易行的健康飲食方法,只需記住2份蔬菜、1份蛋白質、1份全穀類的比例,就能輕鬆達成營養均衡。本文詳細介紹211餐盤的比例原則、執行方式、菜單範例,並分享作者親身實踐的心得,以及如何搭配運動、尋求專業營養師協助,讓減重過程更有效率,輕鬆擁有健康生活。
Thumbnail
2024/12/16
定位理論——有史以來,對美國影響最大的關鍵。本篇文章經過老闆兩年內透過定位,將年度業績衝上兩億,一起來分享,他口中:『不一定對,但卻是他讀過用過,最實用的一本』的定位理論。文章的核心人物是定位之父傑克·特勞特 (Jack Trout) 和艾爾·里斯 (Al Ries),他們是定位理論的提出者
Thumbnail
2024/12/16
定位理論——有史以來,對美國影響最大的關鍵。本篇文章經過老闆兩年內透過定位,將年度業績衝上兩億,一起來分享,他口中:『不一定對,但卻是他讀過用過,最實用的一本』的定位理論。文章的核心人物是定位之父傑克·特勞特 (Jack Trout) 和艾爾·里斯 (Al Ries),他們是定位理論的提出者
Thumbnail
看更多
你可能也想看
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
GA4提供商家洞察消費者行為的重要數據。本文探討 GA4 中事件的計算方式、page_view、user_engagement、scroll 三大事件的解析,以及如何運用網頁瀏覽事件、瀏覽深度事件、參與度事件和購買事件等行銷邏輯優化網站設計與行銷策略,提升使用者體驗和轉換率。
Thumbnail
GA4提供商家洞察消費者行為的重要數據。本文探討 GA4 中事件的計算方式、page_view、user_engagement、scroll 三大事件的解析,以及如何運用網頁瀏覽事件、瀏覽深度事件、參與度事件和購買事件等行銷邏輯優化網站設計與行銷策略,提升使用者體驗和轉換率。
Thumbnail
本文詳細介紹如何利用 Google Analytics 4 (GA4) 設定 Blog 文章的表現追蹤,包括自動事件追蹤及自訂事件追蹤的設定步驟,幫助你分析用戶在文章中的互動情況及閱讀深度。
Thumbnail
本文詳細介紹如何利用 Google Analytics 4 (GA4) 設定 Blog 文章的表現追蹤,包括自動事件追蹤及自訂事件追蹤的設定步驟,幫助你分析用戶在文章中的互動情況及閱讀深度。
Thumbnail
Google Analytics 4(簡稱GA4)可說是當今市場上最流行的網站流量分析工具之一,但GA4究竟是什麼?在這篇文章中,我們將深入探討GA4,了解它的功能、優勢,以及誰應該學習。無論你是想更深入了解你的受眾、優化廣告策略,還是透過優化網站來達成商業KPI,GA4都可以幫助你實現目標。
Thumbnail
Google Analytics 4(簡稱GA4)可說是當今市場上最流行的網站流量分析工具之一,但GA4究竟是什麼?在這篇文章中,我們將深入探討GA4,了解它的功能、優勢,以及誰應該學習。無論你是想更深入了解你的受眾、優化廣告策略,還是透過優化網站來達成商業KPI,GA4都可以幫助你實現目標。
Thumbnail
GA4 是一個關鍵的工具,用於追蹤和分析您的網站訪問者行為,以優化您的電子商務網站,因此了解 GA4 的背後資料架構能幫您更深剖析您的電商營運狀況。本文將帶你了解 GA4 原始資料的架構以及實際「電商」和「品牌」在透過 GA4 追蹤消費者行為所應用到的原始參數。
Thumbnail
GA4 是一個關鍵的工具,用於追蹤和分析您的網站訪問者行為,以優化您的電子商務網站,因此了解 GA4 的背後資料架構能幫您更深剖析您的電商營運狀況。本文將帶你了解 GA4 原始資料的架構以及實際「電商」和「品牌」在透過 GA4 追蹤消費者行為所應用到的原始參數。
Thumbnail
GA 是現在極為主流的網站分析工具,擁有龐大且多元的監測項目,讓網站管理者得以監測和蒐集使用者在網站上的活動資訊,描繪出使用者的輪廓以做出決策。
Thumbnail
GA 是現在極為主流的網站分析工具,擁有龐大且多元的監測項目,讓網站管理者得以監測和蒐集使用者在網站上的活動資訊,描繪出使用者的輪廓以做出決策。
Thumbnail
GA4是Google繼Google Analytics(GA)後推出的網站分析工具,Google已於2023年6月底關閉GA資料收集,無論用過GA或亦無,都應該了解GA4的安裝、設定與功能,並介紹GSC,讓企業藉由GA4與GSC進行SEO成效分析。
Thumbnail
GA4是Google繼Google Analytics(GA)後推出的網站分析工具,Google已於2023年6月底關閉GA資料收集,無論用過GA或亦無,都應該了解GA4的安裝、設定與功能,並介紹GSC,讓企業藉由GA4與GSC進行SEO成效分析。
Thumbnail
距離 GA3 轉換至新版 GA4,你只剩下不到三個月的時間!別再猶豫,現在就開始轉換的工作。這篇文章,TenMax 將統整 GA4 更新差異、實用功能、備份須知,以及其他你該瞭解的事情。
Thumbnail
距離 GA3 轉換至新版 GA4,你只剩下不到三個月的時間!別再猶豫,現在就開始轉換的工作。這篇文章,TenMax 將統整 GA4 更新差異、實用功能、備份須知,以及其他你該瞭解的事情。
Thumbnail
GA 將於明年七月起正式退場,GA4 轉換、導入迫在眉睫!通用 GA vs. GA4 到底差別在哪?TenMax 統整五大升級後優勢,從資料收集、信號追蹤、與側應用、報表產製到資料儲存一次講給你聽。
Thumbnail
GA 將於明年七月起正式退場,GA4 轉換、導入迫在眉睫!通用 GA vs. GA4 到底差別在哪?TenMax 統整五大升級後優勢,從資料收集、信號追蹤、與側應用、報表產製到資料儲存一次講給你聽。
Thumbnail
所有的文章必須要有數據不然徒勞無功。
Thumbnail
所有的文章必須要有數據不然徒勞無功。
Thumbnail
google analytics行為報表除了基本的所有網頁、內容深入分析、到達網頁與離開網頁報表外,透過Google Tag Manager標籤管理工具還可以取得訪客的滑鼠游標行為、點擊、滑鼠捲動行為追蹤等數據,並會顯示在事件報表上,幫助商家了解訪客在網站上的行為。
Thumbnail
google analytics行為報表除了基本的所有網頁、內容深入分析、到達網頁與離開網頁報表外,透過Google Tag Manager標籤管理工具還可以取得訪客的滑鼠游標行為、點擊、滑鼠捲動行為追蹤等數據,並會顯示在事件報表上,幫助商家了解訪客在網站上的行為。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News