聯絡我們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 可以快速協助我們完成這些行銷追蹤碼的設定。

Meta 廣告數據保存時間多久|解決 Meta 廣告數據保存問題?
BigQuery

Meta 廣告數據保存時間多久|解決 Meta 廣告數據保存問題?

如果你要拉取超過 3 年以上的數據,Meta 廣告數據僅保存期限36個月不能超過 37 個月,也就是保存三年的意思。

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

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

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

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

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

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

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

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

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

【成功案例】網站設計&動線規劃
成功案例

【成功案例】網站設計&動線規劃

本次黑客與金旺貿易合作,網站設計與網站流程用戶規劃。透過黑客的網站設計與數據分析經驗規劃網站整體動線,讓 2B 網站能夠在名單蒐集提升轉換率,以及最大化部落格自然流量效益

【成功案例】網站轉換率優化
成功案例

【成功案例】網站轉換率優化

本次黑客與懶得煮的Tom老闆合作,電商網站轉換率優化案例。包刮,提供加入購物車成效、提供產品瀏覽次數。以及協助完成網站改版網站設計。成功提高購物車轉換率 10.6%、瀏覽產品 3.7 %。

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

【成功案例】GA4 導入

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

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

【成功案例】GA4 導入

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