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官方的操作說明是更為謹慎,會另外多加上「驗證事件」及「驗證實現」,有興趣的朋友可以實際演練看看,這邊就不多談了,我們打完,收工!😄
為什麼會看到廣告
32會員
39內容數
在瞬息萬變的數位宇宙中,不堅持永遠的Yes或No,自許以流量成長的阿甘精神,碰撞激盪出各種有趣的科技行銷手法,涵蓋產品數據、社群互動、廣告技術、內容創造、會員經營...等面向,一點一滴的帶大家進入產品Martech的領域中。
留言0
查看全部
發表第一個留言支持創作者!
我吃故窩宅的沙龍 的其他內容
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
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
GA4是Google Analytics的最新版本,是一個分析工具,用於網站管理者和行銷人員分析網站和應用程式的數據。GA4以事件為基礎的資料模型,具有更多彈性和豐富的功能,例如跨裝置、跨平台事件追蹤,以及衡量訪客在頁面的活躍狀況。 GA4和通用版GA的主要區別 數據追蹤方式 通用版GA主
Thumbnail
本文用圖解的方式,說明新手需知的 GA4 基本功能及 GA4 設定教學。詳解如何使用 Shopify、Shopline、Google Tag Manager(GTM)、手動埋碼等方式導入 GA4,讓你讀完一篇,輕鬆玩轉 GA4!
Thumbnail
文章目錄 GA4 簡介 SEO 代理商 GA4 應用 社群媒體代理商 GA4 應用 數位廣告代理商 GA4 應用 數位行銷顧問公司 GA4 應用 網站設計與開發公司 GA4 應用 影片製作公司與內容行銷代理商 GA4 應用 聯絡 TenMax 獲得免費 GA4 健檢機會 GA4
Thumbnail
為什麼需要 GA4 檢查GA4 和通用型 GA 的運作方式天差地別,稍有不慎,可能導致大量高價值資料流失!唯有確實完成 GA4 檢查,才能掌握正確的資料、洞察數據先機。本文將詳細說明 GA4 應該檢查的項目以及 GA4 檢查的方式,也會解答 GA4 檢查的常見問題。
Thumbnail
GA4是Google繼Google Analytics(GA)後推出的網站分析工具,Google已於2023年6月底關閉GA資料收集,無論用過GA或亦無,都應該了解GA4的安裝、設定與功能,並介紹GSC,讓企業藉由GA4與GSC進行SEO成效分析。
Thumbnail
GA4 為什麼要串接 BigQuery?BigQuery 有什麼好處、費用如何計算?這篇文章有解答。通用版 GA 將於今年 6 月底全面停收資料,並由新版 GA4 接棒上陣,配合 BigQuery 可發揮更大效益。本篇文章,我們將回應行銷人最常遇到的 8 個 BigQuery 問題。
Thumbnail
全球最普及的網站分析工具 GA,將在 2023 年 7 月起正式轉換為 GA4,我們已經和大家分享了 GA4 的 5 大升級優勢,並且提到了串接 BigQuery 的重要性;接著讓我們聚焦於 BigQuery,一同了解這個被譽為「地表最強資料分析工具」的 BI 系統。
Thumbnail
GA 將於明年七月起正式退場,GA4 轉換、導入迫在眉睫!通用 GA vs. GA4 到底差別在哪?TenMax 統整五大升級後優勢,從資料收集、信號追蹤、與側應用、報表產製到資料儲存一次講給你聽。
Thumbnail
什麼是 Google Ads 競價? Google Ads 使用競價系統來安排結果網頁上的廣告費用,確定每次廣告點擊的費用。 谷歌用戶希望獲得符合自身需求的廣告,這比什麼都重要。用戶希望時不會被廣告主播的廣告。廣告客戶也希望顯示相關的廣告,這樣才能獲得可能適合的廣告。 Google 想為用戶提供良好
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
GA4是Google Analytics的最新版本,是一個分析工具,用於網站管理者和行銷人員分析網站和應用程式的數據。GA4以事件為基礎的資料模型,具有更多彈性和豐富的功能,例如跨裝置、跨平台事件追蹤,以及衡量訪客在頁面的活躍狀況。 GA4和通用版GA的主要區別 數據追蹤方式 通用版GA主
Thumbnail
本文用圖解的方式,說明新手需知的 GA4 基本功能及 GA4 設定教學。詳解如何使用 Shopify、Shopline、Google Tag Manager(GTM)、手動埋碼等方式導入 GA4,讓你讀完一篇,輕鬆玩轉 GA4!
Thumbnail
文章目錄 GA4 簡介 SEO 代理商 GA4 應用 社群媒體代理商 GA4 應用 數位廣告代理商 GA4 應用 數位行銷顧問公司 GA4 應用 網站設計與開發公司 GA4 應用 影片製作公司與內容行銷代理商 GA4 應用 聯絡 TenMax 獲得免費 GA4 健檢機會 GA4
Thumbnail
為什麼需要 GA4 檢查GA4 和通用型 GA 的運作方式天差地別,稍有不慎,可能導致大量高價值資料流失!唯有確實完成 GA4 檢查,才能掌握正確的資料、洞察數據先機。本文將詳細說明 GA4 應該檢查的項目以及 GA4 檢查的方式,也會解答 GA4 檢查的常見問題。
Thumbnail
GA4是Google繼Google Analytics(GA)後推出的網站分析工具,Google已於2023年6月底關閉GA資料收集,無論用過GA或亦無,都應該了解GA4的安裝、設定與功能,並介紹GSC,讓企業藉由GA4與GSC進行SEO成效分析。
Thumbnail
GA4 為什麼要串接 BigQuery?BigQuery 有什麼好處、費用如何計算?這篇文章有解答。通用版 GA 將於今年 6 月底全面停收資料,並由新版 GA4 接棒上陣,配合 BigQuery 可發揮更大效益。本篇文章,我們將回應行銷人最常遇到的 8 個 BigQuery 問題。
Thumbnail
全球最普及的網站分析工具 GA,將在 2023 年 7 月起正式轉換為 GA4,我們已經和大家分享了 GA4 的 5 大升級優勢,並且提到了串接 BigQuery 的重要性;接著讓我們聚焦於 BigQuery,一同了解這個被譽為「地表最強資料分析工具」的 BI 系統。
Thumbnail
GA 將於明年七月起正式退場,GA4 轉換、導入迫在眉睫!通用 GA vs. GA4 到底差別在哪?TenMax 統整五大升級後優勢,從資料收集、信號追蹤、與側應用、報表產製到資料儲存一次講給你聽。
Thumbnail
什麼是 Google Ads 競價? Google Ads 使用競價系統來安排結果網頁上的廣告費用,確定每次廣告點擊的費用。 谷歌用戶希望獲得符合自身需求的廣告,這比什麼都重要。用戶希望時不會被廣告主播的廣告。廣告客戶也希望顯示相關的廣告,這樣才能獲得可能適合的廣告。 Google 想為用戶提供良好