聯絡我們LINE加入 LINEFacebook粉絲專頁
GTM教學|了解網站熱門頁面|GTM追蹤點擊事件
GTM

GTM教學|了解網站熱門頁面|GTM追蹤點擊事件

我個人認為GoogleTagManager追蹤方式,非GTM的全站點擊追蹤事件莫屬,簡單安裝,CP值超高。特別是部落格、名單型網站,「追蹤網站的點擊事件」。

​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追蹤。​​

需要任何協助嗎?

最快一個工作天將與您聯繫。

其他文章推薦

查看更多 →
GTM 教學|Shopify 如何設定META 免費像素?
GTM

GTM 教學|Shopify 如何設定META 免費像素?

這篇會教你使用SHOPIFY 的顧客事件 (自訂像素) Customer Pixel 來安裝行銷常用代碼。例如,META, GA4, Gads 轉換代碼等。透過AI 可以快速協助我們完成這些行銷追蹤碼的設定。

【成功案例】GA4 電商事件規劃
成功案例

【成功案例】GA4 電商事件規劃

本次黑客協助規劃舒康雞電商網站,完整規劃GA4電子商務必要事件,以及正確觸發事件。精準蒐集網站用戶行為,大幅提高網店轉換率。

【成功案例】轉換率優化模組
成功案例

【成功案例】轉換率優化模組

本次黑客與三隻斑馬合作,提供轉換率優化模組埋設,幫助電商網站改善用戶動線、用戶體驗,以增加廣告用戶的實際購買轉換率。本次黑客協助提供撰寫前端轉換率模組,以及完整設定、指導轉換率模組使用教學。

Meta Ads MCP 是什麼?不用寫程式也能讓 AI 分析 Meta 廣告
AI

Meta Ads MCP 是什麼?不用寫程式也能讓 AI 分析 Meta 廣告

行銷人、廣告投手一定要學的 MCP 串接方式。輕鬆讓 AI 讀取 Meta 廣告資料,透過 MCP 開始分析你的 Meta 廣告數據、GA4 數據等更多。一站式輕鬆分析廣告數據、廣告操作等複雜任務交給AI!

【成功案例】GA4 導入
成功案例

【成功案例】GA4 導入

本次黑客與 低調生活DLIFE 合作,協助提供完整 GA4 數據健檢、完整GA4事件規劃、提供頂尖數據儀表板。再透過快客數據串接,協助客戶打造一系列的數據報表,同時也提供完整數據流工作的完整解說。

【成功案例】GA4 導入
成功案例

【成功案例】GA4 導入

本次黑客與 澄駒國際車業 合作,協助提供完整GA4事件規劃、提供頂尖數據儀表板。透過快客數據串接,協助客戶打造一系列飛快的數據報表,同時也提供完整數據流工作的完整解說。

GA4教學|數據工程師教你使用GA4 MCP
GA4

GA4教學|數據工程師教你使用GA4 MCP

這篇文章會教你使用 CLAUDE 或是其他 AI AGENT 帶你從 0 串接 GA4 MCP。需要注意創立 Service Account 時候,建議使用個人帳號,如果你是使用企業帳號,則會有權限限制的問題,導致你的GA4 沒辦法加入 Service Account。

【成功案例】修復GA4 網店總收益落差
成功案例

【成功案例】修復GA4 網店總收益落差

台灣開店平台常有數據與GA4 數據大幅落差問題。導致數據人員無法判讀數據的困擾。

【成功案例】修復GA4 網店工作階段判讀落差
成功案例

【成功案例】修復GA4 網店工作階段判讀落差

本次黑客修復網店utm 臉書廣告歸因判讀,以及direct / none 歸因判讀錯誤問題。成功將網店的臉書廣告歸因提升141% 正確修復,而direct / none 也有明顯下降!