GA4自訂維度怎麼做?從資料層、GTM設定到GA4自訂報表完整教學

更新於 發佈於 閱讀時間約 6 分鐘

通常我們透過 Google Analytics 4 (以下稱 GA4)來觀測網站流量,GA4 的預設維度包含「網頁路徑」、「網頁標題」,可以查看指定時間內每篇文章的瀏覽量,但若你經營的是新聞媒體網站,或是多名作者協作的內容發布平台,你應該還想依據「文章作者」、「文章類別」等維度來查看不同作者/文章分類的成效,GA4 中並沒有提供這樣的資料,這時就需要透過「自訂維度」來達成。

但在開始設定GA4的「自訂維度」前,我們還需要先做一些準備。如果你是以代碼管理平台(Google Tag Manager,以下稱GTM)安裝 GA4 的,可以參考本文的做法(你需要有GTM的編輯與發佈權限),若你網站的GA4是請工程師埋 gtag.js 做手動安裝的,可以直接跳過GTM設置,只要看步驟1、步驟5即可!

步驟1.新增 view_article 事件(添加 datalayer.push )

先確認你想要呈現在報表的欄位有哪些,假設你管理的是新聞網站,那就會有「作者」「發布日期」「文章id」「文章分類」「文章標題」等欄位,告訴工程師你需要在使用者做了「瀏覽文章」的行為時,要同時記錄下被瀏覽文章的這些資訊,請他將這些資料儲存並推送到網站的「資料層」(Data Layer)。

範例:

{

event: "view_article", gtm: {uniqueEventId: 7, start: 1723099522426}, article: { author: "VERSE", category: "美食", date_modified: "2024-07-18", title: "全台25強咖啡館「路人咖啡」:鑲進高雄日常的自由空間", id: "301633" }

}

你可以列出一張表,方便工程師理解你的需求,並附上截圖說明這些元素是指網頁上的哪些地方會更好,表格如下:

事件參數設定

事件參數設定

步驟2.檢查代碼是否正確

當工程師跟你說他已經完成工作,你可以透過兩種方式檢查驗收:

2-1 Chrome套件:DataLayer Checker

下載連結:https://chromewebstore.google.com/detail/datalayer-checker/ffljdddodmkedhkcjhpmdajhjdbkogke

安裝好套件後,打開你的網站,直接執行DataLayer Checker查看你所要求的事件代碼是否有順利被檢測到,以及內容是否正確。畫面會像這樣:

raw-image

2-2 以GTM預覽調適模式來檢查

打開你的GTM,並點擊右上方的「預覽」

raw-image

任意連結一個你網站上的文章頁面,並查看左方是否出現 view_article 事件,選擇後再查看「Data Layer」頁籤,就可以看到已經設定好的代碼。

raw-image

到此,工程師的工作已經全部完成啦!接下來就是PM、行銷人員、企劃人員的事情了。

步驟3. 在Google Tag Manager 中建立自訂變數

你已經建立好網站的資料層,現在需要讓GTM可以獲取並識別這些資料,再將它們傳送到GA4中。第一步是將你清單中的參數建立進GTM中的資料層變數,這裡需要注意因為資料層結構的關係,你的事件參數與項目參數會以「.」連結在一起,例如文章作者 author ,是 article 事件下的參數,在建立 GTM 變數時,需要輸入的是 article.author,GTM 才可以獲取到正確的資料。

GTM參數名稱對照

GTM參數名稱對照

你也可以透過剛剛下載的 Datalayer Checker,將鼠標移動到參數旁,就會出現「Copy Key」可以直接複製參數,避免打字錯誤。(建議均使用這個方法)

raw-image

找到你的參數 key 後,打開 GTM 的「變數」,下拉到「使用者定義的變數」區塊,點選右上角「新增」:

raw-image

設定左上角的變數名稱(此處名稱只是作為識別用,也可以用中文命名),並把從Datalayer Checker 複製的 key 貼到「資料層變數名稱」欄位中,資料層版本為2(預設即為版本2,不需更改):

raw-image

依照上述步驟,把文章作者、文章id、文章類別、文章發布日期等變數都一個一個建立好。

步驟4. 在Google Tag Manager 中建立GA4代碼

把變數建立好之後,代表GTM可以讀到且順利識別網站資料層中的資訊,接下來我們要告訴GTM,當達成「瀏覽文章」這個「觸發條件」時,要把資料層中的文章參數傳送到GA4中(新增GA4代碼)。

4-1 建立觸發條件

在「觸發條件」中點擊右上角「新增」

raw-image

觸發條件類型選擇「自訂事件」

raw-image

輸入事件名稱view_article,選擇「所有的自訂事件」,按下儲存便完成這一步。

raw-image

4-2 建立GA4代碼

在「代碼」中點擊右上角「新增」

raw-image

選擇GA4代碼,並輸入你網站的GA4評估id。若你不確定評估id,請參考這篇官方說明找到它。

點開「事件參數」,點擊右方的「+」將剛剛設定好的變數加入,左邊的參數名稱會是你之後在GA4報表中看見的名稱,通常與變數名稱相同即可,或你可以自行修改以符合你們公司的習慣。

raw-image

4-3 大方唱首歌吧

就是發布GTM工作區域變更啦~(記得先透過預覽調適檢查一切設定沒有出錯喔!)

步驟5. 在GA4中建立自訂維度

終於來到最後一步!在完成了GTM的事件及代碼設定後,其實你的GA4已經可以開始收集對應的事件,在「事件」報表中你會看見新增的 view_article 事件,點擊這個事件名稱,你會看到一個資訊卡的集合頁:

raw-image

而在右邊的資訊卡中,你可以透過下拉式選單來找到剛剛設定的參數,包含文章作者、文章分類等,點下去就可以展開看到每個參數被觸發的次數。

raw-image

但僅此而已,若想要得到一份完整的報表,得先把這些事件參數定義為GA4內的「自訂維度」。步驟如下:

5-1進入GA4的管理選單,找到「自訂定義」

raw-image

5-2選擇「建立自訂維度」

raw-image

在下拉式選單中找到你設定GA4事件時的事件參數,給它一個你與團隊人員都可以清楚識別的名稱,範圍選擇「事件」,就可以儲存新增了。(注意,儲存後參數是不能更改的,但可以更改名稱。關於自訂維度與指標的詳細做法,可以參考官方說明

raw-image

5-3自訂報表

將自訂維度建立好後,就可以在「報表」裡加入這個維度了!你可以將維度新增至你原有的報表中,也可以另外開一個新報表。從主選單「報表」中找到最下方的「資產庫」,便可以開始編輯製作報表。

raw-image

完成!

raw-image


avatar-img
2會員
3內容數
歡迎交流
留言
avatar-img
留言分享你的想法!

































































成長思維實驗室 的其他內容
自2024年2月開始,若使用 iOS 系統的 Facebook / Instagram App 投放廣告,將 Apple 被收取高達投放費用 30% 的手續費,且需要「預先儲值」,無法像以前一樣採取信用卡自動刷卡付費。要解決手續費的問題,可以使用網頁版FB / IG,本文一步步說明!
2023年6月起,Meta開始對個人投放廣告收取5%營業稅,品牌主/廣告主真是要非常精打細算,選擇一張合適的信用卡來優化廣告支出變得格外重要。本文將詳細分析幾張具備優質海外消費回饋的信用卡,幫助你盡量減少投放廣告的
自2024年2月開始,若使用 iOS 系統的 Facebook / Instagram App 投放廣告,將 Apple 被收取高達投放費用 30% 的手續費,且需要「預先儲值」,無法像以前一樣採取信用卡自動刷卡付費。要解決手續費的問題,可以使用網頁版FB / IG,本文一步步說明!
2023年6月起,Meta開始對個人投放廣告收取5%營業稅,品牌主/廣告主真是要非常精打細算,選擇一張合適的信用卡來優化廣告支出變得格外重要。本文將詳細分析幾張具備優質海外消費回饋的信用卡,幫助你盡量減少投放廣告的
你可能也想看
Google News 追蹤
Thumbnail
在Google Analytics中新增資源存取權限非常重要,這樣您可以控制誰可以訪問和管理您的分析資源。以下是在Google Analytics中新增資源存取權限的步驟
GA4是Google Analytics的最新版本,是一個分析工具,用於網站管理者和行銷人員分析網站和應用程式的數據。GA4以事件為基礎的資料模型,具有更多彈性和豐富的功能,例如跨裝置、跨平台事件追蹤,以及衡量訪客在頁面的活躍狀況。 GA4和通用版GA的主要區別 數據追蹤方式 通用版GA主
Thumbnail
本文用圖解的方式,說明新手需知的 GA4 基本功能及 GA4 設定教學。詳解如何使用 Shopify、Shopline、Google Tag Manager(GTM)、手動埋碼等方式導入 GA4,讓你讀完一篇,輕鬆玩轉 GA4!
Thumbnail
近月來,許多企業都將 GA3 轉至 GA4,並使用 Looker Studio 呈現 GA4 上相關的行銷數據,然而有些企業在開啟 Looker Studio  GA4 報告時,會出現「請求配額已耗盡」錯誤,而這個錯誤源自於 GA4 API 的配額限制變更。
Thumbnail
文章目錄 GA4 簡介 SEO 代理商 GA4 應用 社群媒體代理商 GA4 應用 數位廣告代理商 GA4 應用 數位行銷顧問公司 GA4 應用 網站設計與開發公司 GA4 應用 影片製作公司與內容行銷代理商 GA4 應用 聯絡 TenMax 獲得免費 GA4 健檢機會 GA4
Thumbnail
本文介紹了 Google Analytics 4(GA4)示範帳戶的取得方式,並提供了幾種 GA4 分析小練習,讓新手能夠實際練習和學習。文章包含了關於 GA4 示範帳戶的資源、如何移除帳戶存取權以及各種分析練習,旨在幫助讀者更熟悉 GA4 這個工具。
Thumbnail
Google Analytics 4(簡稱GA4)可說是當今市場上最流行的網站流量分析工具之一,但GA4究竟是什麼?在這篇文章中,我們將深入探討GA4,了解它的功能、優勢,以及誰應該學習。無論你是想更深入了解你的受眾、優化廣告策略,還是透過優化網站來達成商業KPI,GA4都可以幫助你實現目標。
Thumbnail
在當今數位時代,SEO(Search Engine Optimization)已成為網站提升曝光度和流量的重要手段。Google Analytics作為一個龐大的數據分析工具,對於SEO分析提供了豐富的數據和洞察。以下是一個簡單的指南,幫助您學習如何使用Google Analytics進行SEO分析
Thumbnail
GA4是Google繼Google Analytics(GA)後推出的網站分析工具,Google已於2023年6月底關閉GA資料收集,無論用過GA或亦無,都應該了解GA4的安裝、設定與功能,並介紹GSC,讓企業藉由GA4與GSC進行SEO成效分析。
Thumbnail
在Google Analytics中新增資源存取權限非常重要,這樣您可以控制誰可以訪問和管理您的分析資源。以下是在Google Analytics中新增資源存取權限的步驟
GA4是Google Analytics的最新版本,是一個分析工具,用於網站管理者和行銷人員分析網站和應用程式的數據。GA4以事件為基礎的資料模型,具有更多彈性和豐富的功能,例如跨裝置、跨平台事件追蹤,以及衡量訪客在頁面的活躍狀況。 GA4和通用版GA的主要區別 數據追蹤方式 通用版GA主
Thumbnail
本文用圖解的方式,說明新手需知的 GA4 基本功能及 GA4 設定教學。詳解如何使用 Shopify、Shopline、Google Tag Manager(GTM)、手動埋碼等方式導入 GA4,讓你讀完一篇,輕鬆玩轉 GA4!
Thumbnail
近月來,許多企業都將 GA3 轉至 GA4,並使用 Looker Studio 呈現 GA4 上相關的行銷數據,然而有些企業在開啟 Looker Studio  GA4 報告時,會出現「請求配額已耗盡」錯誤,而這個錯誤源自於 GA4 API 的配額限制變更。
Thumbnail
文章目錄 GA4 簡介 SEO 代理商 GA4 應用 社群媒體代理商 GA4 應用 數位廣告代理商 GA4 應用 數位行銷顧問公司 GA4 應用 網站設計與開發公司 GA4 應用 影片製作公司與內容行銷代理商 GA4 應用 聯絡 TenMax 獲得免費 GA4 健檢機會 GA4
Thumbnail
本文介紹了 Google Analytics 4(GA4)示範帳戶的取得方式,並提供了幾種 GA4 分析小練習,讓新手能夠實際練習和學習。文章包含了關於 GA4 示範帳戶的資源、如何移除帳戶存取權以及各種分析練習,旨在幫助讀者更熟悉 GA4 這個工具。
Thumbnail
Google Analytics 4(簡稱GA4)可說是當今市場上最流行的網站流量分析工具之一,但GA4究竟是什麼?在這篇文章中,我們將深入探討GA4,了解它的功能、優勢,以及誰應該學習。無論你是想更深入了解你的受眾、優化廣告策略,還是透過優化網站來達成商業KPI,GA4都可以幫助你實現目標。
Thumbnail
在當今數位時代,SEO(Search Engine Optimization)已成為網站提升曝光度和流量的重要手段。Google Analytics作為一個龐大的數據分析工具,對於SEO分析提供了豐富的數據和洞察。以下是一個簡單的指南,幫助您學習如何使用Google Analytics進行SEO分析
Thumbnail
GA4是Google繼Google Analytics(GA)後推出的網站分析工具,Google已於2023年6月底關閉GA資料收集,無論用過GA或亦無,都應該了解GA4的安裝、設定與功能,並介紹GSC,讓企業藉由GA4與GSC進行SEO成效分析。