通常我們透過 Google Analytics 4 (以下稱 GA4)來觀測網站流量,GA4 的預設維度包含「網頁路徑」、「網頁標題」,可以查看指定時間內每篇文章的瀏覽量,但若你經營的是新聞媒體網站,或是多名作者協作的內容發布平台,你應該還想依據「文章作者」、「文章類別」等維度來查看不同作者/文章分類的成效,GA4 中並沒有提供這樣的資料,這時就需要透過「自訂維度」來達成。
但在開始設定GA4的「自訂維度」前,我們還需要先做一些準備。如果你是以代碼管理平台(Google Tag Manager,以下稱GTM)安裝 GA4 的,可以參考本文的做法(你需要有GTM的編輯與發佈權限),若你網站的GA4是請工程師埋 gtag.js 做手動安裝的,可以直接跳過GTM設置,只要看步驟1、步驟5即可!
先確認你想要呈現在報表的欄位有哪些,假設你管理的是新聞網站,那就會有「作者」「發布日期」「文章id」「文章分類」「文章標題」等欄位,告訴工程師你需要在使用者做了「瀏覽文章」的行為時,要同時記錄下被瀏覽文章的這些資訊,請他將這些資料儲存並推送到網站的「資料層」(Data Layer)。
範例:
{
event: "view_article", gtm: {uniqueEventId: 7, start: 1723099522426}, article: { author: "VERSE", category: "美食", date_modified: "2024-07-18", title: "全台25強咖啡館「路人咖啡」:鑲進高雄日常的自由空間", id: "301633" }
}
你可以列出一張表,方便工程師理解你的需求,並附上截圖說明這些元素是指網頁上的哪些地方會更好,表格如下:
事件參數設定
當工程師跟你說他已經完成工作,你可以透過兩種方式檢查驗收:
下載連結:https://chromewebstore.google.com/detail/datalayer-checker/ffljdddodmkedhkcjhpmdajhjdbkogke
安裝好套件後,打開你的網站,直接執行DataLayer Checker查看你所要求的事件代碼是否有順利被檢測到,以及內容是否正確。畫面會像這樣:
打開你的GTM,並點擊右上方的「預覽」
任意連結一個你網站上的文章頁面,並查看左方是否出現 view_article 事件,選擇後再查看「Data Layer」頁籤,就可以看到已經設定好的代碼。
到此,工程師的工作已經全部完成啦!接下來就是PM、行銷人員、企劃人員的事情了。
你已經建立好網站的資料層,現在需要讓GTM可以獲取並識別這些資料,再將它們傳送到GA4中。第一步是將你清單中的參數建立進GTM中的資料層變數,這裡需要注意因為資料層結構的關係,你的事件參數與項目參數會以「.」連結在一起,例如文章作者 author ,是 article 事件下的參數,在建立 GTM 變數時,需要輸入的是 article.author,GTM 才可以獲取到正確的資料。
GTM參數名稱對照
你也可以透過剛剛下載的 Datalayer Checker,將鼠標移動到參數旁,就會出現「Copy Key」可以直接複製參數,避免打字錯誤。(建議均使用這個方法)
找到你的參數 key 後,打開 GTM 的「變數」,下拉到「使用者定義的變數」區塊,點選右上角「新增」:
設定左上角的變數名稱(此處名稱只是作為識別用,也可以用中文命名),並把從Datalayer Checker 複製的 key 貼到「資料層變數名稱」欄位中,資料層版本為2(預設即為版本2,不需更改):
依照上述步驟,把文章作者、文章id、文章類別、文章發布日期等變數都一個一個建立好。
把變數建立好之後,代表GTM可以讀到且順利識別網站資料層中的資訊,接下來我們要告訴GTM,當達成「瀏覽文章」這個「觸發條件」時,要把資料層中的文章參數傳送到GA4中(新增GA4代碼)。
在「觸發條件」中點擊右上角「新增」
觸發條件類型選擇「自訂事件」
輸入事件名稱view_article,選擇「所有的自訂事件」,按下儲存便完成這一步。
在「代碼」中點擊右上角「新增」
選擇GA4代碼,並輸入你網站的GA4評估id。若你不確定評估id,請參考這篇官方說明找到它。
點開「事件參數」,點擊右方的「+」將剛剛設定好的變數加入,左邊的參數名稱會是你之後在GA4報表中看見的名稱,通常與變數名稱相同即可,或你可以自行修改以符合你們公司的習慣。
就是發布GTM工作區域變更啦~(記得先透過預覽調適檢查一切設定沒有出錯喔!)
終於來到最後一步!在完成了GTM的事件及代碼設定後,其實你的GA4已經可以開始收集對應的事件,在「事件」報表中你會看見新增的 view_article 事件,點擊這個事件名稱,你會看到一個資訊卡的集合頁:
而在右邊的資訊卡中,你可以透過下拉式選單來找到剛剛設定的參數,包含文章作者、文章分類等,點下去就可以展開看到每個參數被觸發的次數。
但僅此而已,若想要得到一份完整的報表,得先把這些事件參數定義為GA4內的「自訂維度」。步驟如下:
在下拉式選單中找到你設定GA4事件時的事件參數,給它一個你與團隊人員都可以清楚識別的名稱,範圍選擇「事件」,就可以儲存新增了。(注意,儲存後參數是不能更改的,但可以更改名稱。關於自訂維度與指標的詳細做法,可以參考官方說明)
將自訂維度建立好後,就可以在「報表」裡加入這個維度了!你可以將維度新增至你原有的報表中,也可以另外開一個新報表。從主選單「報表」中找到最下方的「資產庫」,便可以開始編輯製作報表。
完成!