GTM我個人覺得很讚的追蹤方式之一,「追蹤網站的點擊事件」,特別是使用在部落格、名單型網站。這個方式像是文字型的hotjar,搭配GA4可以看出,哪一個頁面是最受歡迎,後續可以再依照「常點擊的按鈕」以該頁面進行網站內容的優化,或是UI的介面調整。相較Clarity, Hotjar以影片的紀錄方式,GA4的點擊文字可以以數字報表的型式呈現,在分析上會比較全面、快速,而影片式的則是較為深入。
當網站使用者透過UTM進來後,你可以發現先看哪些頁面,或是點了什麼按鈕,洞察出網站優化的細節。該事件主要紀錄「網站使用者的任何點擊行為」,如果你是要埋設全站GA4自訂事件/自訂事件漏斗,也可以參考此篇文章。
章節內容
GTM埋設GA4事件
如果你是要規劃一系列的GA4事件漏斗,那你可以透過這一篇GTM教學「GTM基礎教學|設定GA4事件大全」。自己完成全部GA4的事件規劃。本篇GTM教學文章為,指導埋設網站設的熱門連結、按鈕的GA4事件。
埋設GA4事件代碼

至GTM新增GA4事件,事件名稱為「click」,並且依照範例圖上面輸入參數、事件名稱,方便日後使用。如果你的左側key值要自訂,也是沒問題的!
如果還不是很熟悉GTM整體介面,可以回到這篇,「GTM基礎教學|3個重要GTM構成元素|常見GTM串接代碼」查看基礎介面認識教學。
設定觸發條件

選擇「所有元素」接著選擇所有點擊,可以參考範例圖。如果是選擇「僅連結」,那會變成只追蹤網頁html中,有Link的a標籤。
預覽Debug模式

前往GTM事件預覽模式底下,查看事件有正確觸發,事件也有順利收集,即可發佈,等待GA4收集資料。也可以透過網站Debug或是前端來查看GA4有無正確接收事件。
GA4探索報表應用

維度搭配:「事件名稱」、「網頁標題」。
指標搭配:「事件計數」。
篩選器:「完全符合」Click。
這樣搭配可以看到哪一個頁面,在特定期間的觀看狀況。如果是部落格,就可以針對選題優化。如果是其他類型的網站,也有辦法搭配UTM,看一下從哪些管道進來的使用者,對網站上的那些內容特別有興趣。
如果你想要查看完整的探索報表教學,可以查看這一篇文章。探索報表搭法很彈性,可以隨時做不同維度指標的分析。用GA4的全站點擊事件好處是,可以一覽全站的使用者點擊狀況,好比使用者進入你網站後,他的所有行為都將會被GA4追蹤。
更多文章
Looker Studio
- Looker Studio教學|Looker Studio 公式|電商指標
- Looker Studio教學|5個Looker Studio 混和資料功能
- Looker Studio 教學|指標維度是甚麼
- Looker Studio 教學|數據工程師帶你從0學Looker Studio
- Looker Studio教學|導入臉書廣告數據|Adveronix 免費工具
GA4
- GA4教學| 數據保留多久? 延長GA4數據保留時間?
- GA4教學|Measurment Protocol 實例
- GA4教學|GA4 如果有Not Set該怎麼辦
- GA4教學|GA4閾值門檻|GA4資料不正確
- GA4教學|GA4常見來源判定順序
- GA4教學|如何處理GA4重複事件
- GA4教學|自訂探索報表使用解說介紹|洞察來源unassigned
- GA4教學|GA4報表出現Unassigned如何解決
- GA4教學|排除金物流網域|Referrer必備知識
- GA4教學| 一定要知道的GA4資料設定
GTM
- GTM教學|GTM觸發條件常失敗
- GTM教學|設定 Consent Mode 同意聲明模式
- GTM教學|GTM問題總整理
- GTM教學|設定臉書像素|常見Meta問題總整理
- GTM教學|WordPress表單驗證事件|GA4追蹤教學
- GTM教學|手動設定GCP SERVER伺服器配置
- GTM教學|臉書像素重複事件怎麼解決
- GTM教學|GTM常用變數中文解說
- GTM教學|伺服器追蹤|自訂網域追蹤
- GTM教學|伺服器追蹤教學4|Http解說
- GTM教學|追蹤來自部落格轉換成效
- GTM教學|伺服器追蹤教學3 | Facebook轉換Capi設定
- GTM教學|伺服器追蹤教學2 | GA4事件設定
- GTM教學|伺服器追蹤教學 | 伺服器配置設定
- GTM教學|Tiktok廣告電子商務埋設大全3|廣告代碼埋設
- GTM教學|Tiktok廣告電商埋設2
- GTM教學|廣告電商埋設1|電商必要參數抓取
- GTM教學|電商埋設5|GA4電商埋設
- GTM教學|電子商務埋設大全4|GA4電子商務完整埋設
- GTM教學|GTM電商埋設3|抓取ItemName
- GTM教學|GTM電商埋設2|抓取ItemID
- GTM教學|電商埋設1|抓取Value
- GTM教學|提升廣告成效|Adblocker阻擋原理
- GTM教學|GTAG部署方式三大整理
- GTM教學|Google Ads 強轉換 | 購買金額
- GTM教學|自訂網址追蹤|不是只有「UTM」才能做網址追蹤
- GTM教學|AutoEvent追蹤使用者點選的圖片
- GTM教學|CSS Selector抓取表格的值
- GTM教學|了解網站熱門頁面|GTM追蹤點擊事件
- GTM教學|埋設事件|確認GA4有無收到事件
- GTM教學|自訂網址追蹤|不是只有「UTM」才能做網址追蹤
- GTM教學|3分鐘檢查GA4事件重複錯誤
- GTM教學|GA4電子商務事件埋設範本
- GTM教學|DOM抓取電商中的轉換價值
- GTM教學|新的GTM容器一定要做這設定
- GTM教學|設定GA4事件大全
- GTM教學|推薦GTM範本|全新DataLayer寫入方式
- GTM教學|網站計時器埋設|抓出使用者進站停留時間
- GTM教學|如何辨別是否網站為SPA站
- GTM教學|名單型網站追蹤|Thankyou Page 填寫表單事件
- GTM教學|網站通話追蹤|臉書私訊、加LINE
- GTM教學|自訂網址追蹤|不是只有「UTM」才能做網址追蹤
BigQuery
- BigQuery教學|BigQuery預測GA4數據
- BigQuery教學|視覺化報表怎麼製作
- BigQuery教學|基礎必備語法|免費BigQuery資料導入
- BigQuery教學|串接BIgQuery | BIgQuery費用