聯絡我們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追蹤。​​

需要任何協助嗎?

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

其他文章推薦

查看更多 →
【成功案例】修復GA4 網店總收益落差
成功案例

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

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

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

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

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

Looker Studio |國外串接工具 Supermetrics, Adveronix 價格比較整理
Looker Studio

Looker Studio |國外串接工具 Supermetrics, Adveronix 價格比較整理

目前台灣要將臉書廣告數據、Google Ads、META 社群數據,或是GA4 數據彙整至Google Sheet, Looker Studio 都需要依賴以下這幾項工具 快客 、 Porter Metrics、Supermetrics、Reporting Ninja、Adveronix 與 Dataslayer.ai 。 如果你是正在尋找這種第三方串接工具的,這篇文章會很適合你,同時也可以考慮,由黑客數位所開發的串接工具 快客,價格合理、不限查詢次數、整合台灣常用資料源、全中文介面、中文客服支援 。本篇將深入比較五款熱門行銷報告與資料自動化工具 —— 快客 、Porter Metrics、S

Looker Studio 教學|Super Metrics 串接教學
Looker Studio

Looker Studio 教學|Super Metrics 串接教學

讓looker studio 串接臉書廣告數據。本篇文章使用supermetrics 帶你從0串接你的facebook ads 廣告數據。supermetrics 提供一個月999的台幣為授權使用費,也有提供免費使用的14天版本。

【成功案例】GTM 伺服器, Meta CAPI - GA4 完整導入
成功案例

【成功案例】GTM 伺服器, Meta CAPI - GA4 完整導入

本次黑客與台灣知名充電站品牌 EVOASIS 合作。提供部署GTM 伺服器追蹤、META CAPI設定、GA4 完整電商事件導入。黑客提供前後端完整技術支援,協助客戶蒐集到更準確的事件追蹤數據。

【成功案例】修正GA4 總收益數據落差
成功案例

【成功案例】修正GA4 總收益數據落差

本次黑客與勵馨基金會合作,GA4 修正顧問指導。從原本大幅捐款金額落差,網站只有蒐集到網站10%的金額數據。至透過黑客提供正確修正流程,網站收益金額提高到7-8成的數據正確。

【成功案例】內容型漏斗規劃
成功案例

【成功案例】內容型漏斗規劃

本次黑客與 UDRIVE City 合作,規劃 GA4 內容型網站漏斗事件。從原本完全沒有任何GA4 數據,完整揭露每一個網站用戶的行為節點。提高後續數據分析的完整性,加入購物車事件↑∞、購買事件↑∞。

【成功案例】多管道數據報表建置
成功案例

【成功案例】多管道數據報表建置

本次黑客與 古北町 合作,規劃 Looker Studio 多管道數據報表。結合 META廣告數據 x GOOGLE Ads 數據。整理、重新規劃原本凌亂難讀的數據報表,提供人員無需再手動整理數據、匯出Excel 數據等。提高後續數據分析的效率。

【成功案例】數據分析轉換率優化
成功案例

【成功案例】數據分析轉換率優化

本次黑客與 DEPIC 合作。Looker Studio, Clarity, AB TEST, GA4 工具。替客戶找出網站熱門動線、專注區域,以及透過數據判斷冗贅流程、商品頁過長、修正用戶購物流程等。打造多管道報表,有助於企業未來在數據分析時更加有效率。