GA4打雜實作|Measurement protocol讓你實現跨場域追蹤

更新於 發佈於 閱讀時間約 7 分鐘
我們若談到GA4追蹤的主要應用場域,肯定最常想到這二種,一是網站追蹤,另一則是行動應用程式APP追蹤(這兩種場域通常也與我們日常工作息息相關),可是往往最容易忽略一個,是甚麼呢?在實務上,GA4還有制定一套量測協定(Measurement protocol),透過它可讓我們進行更廣泛場域的應用,那個就是「其他可連網設備」的追蹤。
我們都相當清楚,追蹤網頁行為是透過Cookie來完成,而追蹤行動APP是使用追蹤ID,另外Measurement protocol不太一樣的是,它允許我們手動創建HTTP POST數據請求,並將此信息傳送到GA4的伺服器。這方式聽起來頗酷炫的,但進行操作上會遇到哪一些難關,沒有實做很難得知,因此話不多說,我們就馬上以最容易接觸的「Gmail信件行為」做為例子,示範如何追蹤「開信行為」的使用者動作。

Step1:記下你的Measurement ID

第一步應該是不用特別示範,我們到GA4的Admin後,點選Data Streams,接著進入你網站的Stream name,就可以看到它專屬的Measurement ID

Step2:檢查你的網頁Google developer console

回到要進行追蹤的網頁中按下鍵盤F12,然後點擊"Network",框選"Preserve log"和"Disable cache",下一步F5重新讀取頁面,在Google developer console搜尋框中輸入你剛剛複製的Measurement ID,出現搜尋後的結果。

Step3:點擊測量協議請求

我們在搜尋結果中找尋開頭有帶"collect?v="的測量協議請求,可隨便挑一個點選查看,在Google developer console的右側會同步出現完整的請求資訊,長的樣子大致像這樣:
https://analytics.google.com/g/collect?v=2&tid=G-RX72HKQ587&gtm=2oe811&_p=1683600846&_z=ccd.v9B&cid=987864070.1643251030&ul=zh-tw&sr=2560x1440&tt=internal&_eu=I&sid=1659517198&sct=304&seg=1&dl=https://www.rakuya.com.tw/sell/result&dr=https://member.rakuya.com.tw/home/agent&dt=房屋出售、買房、買屋 | 樂屋網&uid=317805&_s=1

Step4:分析測量協議請求的基本組成

每個測量協議請求都是由"transport""payload data"組成的,下面的是"transport"
https://analytics.google.com/g/collect
另一個則是"payload data""payload data"是由多個參數組成,皆是由「Key = value 」的格式呈現,而每對參數組則透過「&」符號與另一參數組做分隔。
v=2&tid=G-RX72HKQ587&gtm=2oe811&_p=1683600846&_z=ccd.v9B&cid=987864070.1643251030&ul=zh-tw&sr=2560x1440&tt=internal&_eu=I&sid=1659517198&sct=304&seg=1&dl=https://www.rakuya.com.tw/sell/result&dr=https://member.rakuya.com.tw/home/agent&dt=房屋出售、買房、買屋 | 樂屋網&uid=317805&_s=1
另一方面,我們可以從Google developer console上更清楚看出來有哪一些參數組(每一個參數所代表的意義,建議可參考此網路資料)。
美好簡單的時代已過,先前通用版的GA只要將以上的參數,找出我們所需的對應數值後,重新創建一個自訂網址就可傳送請求,可是GA4就複雜了許多,它更強調安全性,尚必須加上Google的API密鑰,以及使用JSON格式才能傳送正確的數據,範例代碼類似如下圖:
const measurement_id = `G-XXXXXXXXXX`;
const api_secret = `<secret_value>`;
fetch(`https://www.google-analytics.com/mp/collect?
measurement_id=${資料 ID}
&api_secret=${資料串流 MP API 密鑰}`, {   
method: "POST",   
body: JSON.stringify({
  client_id: 'XXXXXXXXXX.YYYYYYYYYY',//裝置 ID     
  events: [{       
    name: 'tutorial_begin',	//事件名稱       
    params: { 
      pr1:'事件參數1',//事件參數 	
      pr2:'事件參數2'//事件參數 	
      }		     
    }]   
  }) 
});

Step5:取得Measurement Protocol API 密鑰

接著就來到重點部分,我們要取得API 密鑰,前往Data Streams->選擇需使用Measurement Protocol API 的資料串流->點選Measurement Protocol API 密鑰(如果是第一次執行,就需要新建一個)->複製密鑰的值。

Step6:使用Event Builder

現在,我們終於可以使用Google官方提供的Event Builder,來建立我們第一個HTTP Post請求。關於各參數的解釋函義可參考官方說明,這一次我們就先簡易的設定一些必要數值進行測試就可。

Step7:按下"Validate Event"測試事件設定是否有效

Step8在GA4的即時報表確認有接收到發送的事件數據

大致上走到這邊就已經差不多完成了,但Google官方的操作說明是更為謹慎,會另外多加上「驗證事件」及「驗證實現」,有興趣的朋友可以實際演練看看,這邊就不多談了,我們打完,收工!😄
為什麼會看到廣告
avatar-img
32會員
39內容數
在瞬息萬變的數位宇宙中,不堅持永遠的Yes或No,自許以流量成長的阿甘精神,碰撞激盪出各種有趣的科技行銷手法,涵蓋產品數據、社群互動、廣告技術、內容創造、會員經營...等面向,一點一滴的帶大家進入產品Martech的領域中。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
我吃故窩宅的沙龍 的其他內容
Active users,中文翻譯為『活躍使用者』,那何謂活躍呢?在一般多數實務上的定義,曾造訪過你的應用程式或網站內容的就可稱做活躍(Active),而嚴謹一點的說法則必須加上時間因素,比如: 網站並沒有帶來高品質(持續造訪)的流量,或是,網站並沒有產生新訪客流量。 小結
本次的GA4實作專案,主要是因為發現近期在工作中,每次遇到產品經理release一些新功能後,數據團隊都需要針對許多的點擊按鈕進行事件追蹤,先前的想法比較單純,可能就採取兵來將擋,水來土掩的心態,但久而久之後,覺得這樣的處理設定反而在GTM上產生了一堆的代碼,既管理不易且有點沒效率。
書籍資訊 書名:GA到GA4: 掌握網站數據分析新工具的技術原理與商業思維 作者: 張秉祖 出版社:深智數位 出版日期:2021/09/16 為何要導入GA4? GA4的報表分析架構 客戶開發 Acquisition 參與 Engagement 營利 Monetization 辨識訪客的方法
最近「樂屋網」開發了一個新的專屬買家推薦的Line@,希望透過多一個行銷渠道,可有效召回曾來過樂屋網有進行買屋搜尋的用戶,順便幫忙打一下廣告,當我們於樂屋網平台上瀏覽、追蹤或比較房屋物件後,只要加入樂屋網Line@,未來有相關條件的房子就會透過Line@通知給我們,大概的呈現方式就如下圖。
Active users,中文翻譯為『活躍使用者』,那何謂活躍呢?在一般多數實務上的定義,曾造訪過你的應用程式或網站內容的就可稱做活躍(Active),而嚴謹一點的說法則必須加上時間因素,比如: 網站並沒有帶來高品質(持續造訪)的流量,或是,網站並沒有產生新訪客流量。 小結
本次的GA4實作專案,主要是因為發現近期在工作中,每次遇到產品經理release一些新功能後,數據團隊都需要針對許多的點擊按鈕進行事件追蹤,先前的想法比較單純,可能就採取兵來將擋,水來土掩的心態,但久而久之後,覺得這樣的處理設定反而在GTM上產生了一堆的代碼,既管理不易且有點沒效率。
書籍資訊 書名:GA到GA4: 掌握網站數據分析新工具的技術原理與商業思維 作者: 張秉祖 出版社:深智數位 出版日期:2021/09/16 為何要導入GA4? GA4的報表分析架構 客戶開發 Acquisition 參與 Engagement 營利 Monetization 辨識訪客的方法
最近「樂屋網」開發了一個新的專屬買家推薦的Line@,希望透過多一個行銷渠道,可有效召回曾來過樂屋網有進行買屋搜尋的用戶,順便幫忙打一下廣告,當我們於樂屋網平台上瀏覽、追蹤或比較房屋物件後,只要加入樂屋網Line@,未來有相關條件的房子就會透過Line@通知給我們,大概的呈現方式就如下圖。
你可能也想看
Google News 追蹤
Thumbnail
現代社會跟以前不同了,人人都有一支手機,只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行,然而如今科技快速發展之下,金融App無聲無息地進到你生活中。但同樣的,每一家銀行都有自己的App時,我們又該如何選擇呢?(本文係由國泰世華銀行邀約) 今天我會用不同角度帶大家看這款國泰世華CUB
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
(1) 收集用戶名單,例如 Email 和手機,未來可做廣告受眾再行銷,例如 FB 廣告、GDN 廣告、Email發送。 (2) 在網站追蹤中,用 GTM 實施「增強型轉換」,讓每一個轉換數據發送時都帶有第一方數據,能讓轉換追蹤更精準,減少受 Cookie 政策的影響。 (3)
Thumbnail
在Google Analytics中,您可以授予其他使用者對您的資源(例如網站或應用程式)的存取權限。這樣他們就可以查看和分析資源的數據。下面是在Google Analytics中新增資源存取權限的步驟:
Thumbnail
在Google Analytics中新增資源存取權限非常重要,這樣您可以控制誰可以訪問和管理您的分析資源。以下是在Google Analytics中新增資源存取權限的步驟
GA4是Google Analytics的最新版本,是一個分析工具,用於網站管理者和行銷人員分析網站和應用程式的數據。GA4以事件為基礎的資料模型,具有更多彈性和豐富的功能,例如跨裝置、跨平台事件追蹤,以及衡量訪客在頁面的活躍狀況。 GA4和通用版GA的主要區別 數據追蹤方式 通用版GA主
Thumbnail
本文用圖解的方式,說明新手需知的 GA4 基本功能及 GA4 設定教學。詳解如何使用 Shopify、Shopline、Google Tag Manager(GTM)、手動埋碼等方式導入 GA4,讓你讀完一篇,輕鬆玩轉 GA4!
Thumbnail
之前分享過【網路請求帶參數的方式】,開發者可以透過 URL 代入參數,來向伺服器請求特定的資源,我們當然也可以擷取 URL 的內容,來做為後續開發的判斷條件,這篇就來記錄一下,網址(URL) 和域名(Domain) 是什麼,以及如何取得網址的參數吧! 我們常說的網址連結 URL 完整名稱是 U
Thumbnail
近月來,許多企業都將 GA3 轉至 GA4,並使用 Looker Studio 呈現 GA4 上相關的行銷數據,然而有些企業在開啟 Looker Studio  GA4 報告時,會出現「請求配額已耗盡」錯誤,而這個錯誤源自於 GA4 API 的配額限制變更。
Thumbnail
本文介紹了 Google Analytics 4(GA4)示範帳戶的取得方式,並提供了幾種 GA4 分析小練習,讓新手能夠實際練習和學習。文章包含了關於 GA4 示範帳戶的資源、如何移除帳戶存取權以及各種分析練習,旨在幫助讀者更熟悉 GA4 這個工具。
Thumbnail
Google Analytics 4(簡稱GA4)可說是當今市場上最流行的網站流量分析工具之一,但GA4究竟是什麼?在這篇文章中,我們將深入探討GA4,了解它的功能、優勢,以及誰應該學習。無論你是想更深入了解你的受眾、優化廣告策略,還是透過優化網站來達成商業KPI,GA4都可以幫助你實現目標。
Thumbnail
現代社會跟以前不同了,人人都有一支手機,只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行,然而如今科技快速發展之下,金融App無聲無息地進到你生活中。但同樣的,每一家銀行都有自己的App時,我們又該如何選擇呢?(本文係由國泰世華銀行邀約) 今天我會用不同角度帶大家看這款國泰世華CUB
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
(1) 收集用戶名單,例如 Email 和手機,未來可做廣告受眾再行銷,例如 FB 廣告、GDN 廣告、Email發送。 (2) 在網站追蹤中,用 GTM 實施「增強型轉換」,讓每一個轉換數據發送時都帶有第一方數據,能讓轉換追蹤更精準,減少受 Cookie 政策的影響。 (3)
Thumbnail
在Google Analytics中,您可以授予其他使用者對您的資源(例如網站或應用程式)的存取權限。這樣他們就可以查看和分析資源的數據。下面是在Google Analytics中新增資源存取權限的步驟:
Thumbnail
在Google Analytics中新增資源存取權限非常重要,這樣您可以控制誰可以訪問和管理您的分析資源。以下是在Google Analytics中新增資源存取權限的步驟
GA4是Google Analytics的最新版本,是一個分析工具,用於網站管理者和行銷人員分析網站和應用程式的數據。GA4以事件為基礎的資料模型,具有更多彈性和豐富的功能,例如跨裝置、跨平台事件追蹤,以及衡量訪客在頁面的活躍狀況。 GA4和通用版GA的主要區別 數據追蹤方式 通用版GA主
Thumbnail
本文用圖解的方式,說明新手需知的 GA4 基本功能及 GA4 設定教學。詳解如何使用 Shopify、Shopline、Google Tag Manager(GTM)、手動埋碼等方式導入 GA4,讓你讀完一篇,輕鬆玩轉 GA4!
Thumbnail
之前分享過【網路請求帶參數的方式】,開發者可以透過 URL 代入參數,來向伺服器請求特定的資源,我們當然也可以擷取 URL 的內容,來做為後續開發的判斷條件,這篇就來記錄一下,網址(URL) 和域名(Domain) 是什麼,以及如何取得網址的參數吧! 我們常說的網址連結 URL 完整名稱是 U
Thumbnail
近月來,許多企業都將 GA3 轉至 GA4,並使用 Looker Studio 呈現 GA4 上相關的行銷數據,然而有些企業在開啟 Looker Studio  GA4 報告時,會出現「請求配額已耗盡」錯誤,而這個錯誤源自於 GA4 API 的配額限制變更。
Thumbnail
本文介紹了 Google Analytics 4(GA4)示範帳戶的取得方式,並提供了幾種 GA4 分析小練習,讓新手能夠實際練習和學習。文章包含了關於 GA4 示範帳戶的資源、如何移除帳戶存取權以及各種分析練習,旨在幫助讀者更熟悉 GA4 這個工具。
Thumbnail
Google Analytics 4(簡稱GA4)可說是當今市場上最流行的網站流量分析工具之一,但GA4究竟是什麼?在這篇文章中,我們將深入探討GA4,了解它的功能、優勢,以及誰應該學習。無論你是想更深入了解你的受眾、優化廣告策略,還是透過優化網站來達成商業KPI,GA4都可以幫助你實現目標。