[GA4] Firebase Hybrid App 要使用 GA4 追蹤,該如何管理呢?GTM 讓你一次搞定
By Ian Shih profile image Ian Shih
4 min read

[GA4] Firebase Hybrid App 要使用 GA4 追蹤,該如何管理呢?GTM 讓你一次搞定

當使用 Firebase 建立應用程式時,便會使用 Google Analytics 4(GA4)追蹤應用程式的使用情況和數據。然而,在 Hybrid App 情境下,通常有 Native 和 Webview 兩個或以上不同的開發團隊或專案負責人來進行開發。這樣的情況可能導致管理混合應用程式變得複雜,因為兩個部分(Native 和 Webview)需要有系統化的方法來整合 GA4 和其他追蹤工具。 為了更有效地管理這種混合應用程式,就建議使用Google Tag Manager (GTM)。GTM 是一個非常強大的工具,可以集中管理和更新網站或應用程式中的各種標籤和追蹤碼。這樣一來,不同團隊可以透過GTM來設定和更新,而無需直接更改原始程式碼。這使得管理更加靈活和有效,同時也能減少可能的錯誤。 總而言之,透過使用Google Tag Manager,你能夠更有效地管理混合應用程式中的追蹤工具,並且促進不同團隊之間的協作,使開發流程更加順暢。

以下幾個 Hybrid App 開發情境跟大家說明!

情境 1: 只使用 JS interface (無獨立可透過 browser 外開網站)

  • 此情境無使用 GTM ,Webview 開發團隊將資料打包好後,直接傳送到 Native 開出的JS interface 接口,而無 GTM 的狀況下,會非常依賴開發人員來協助埋設代碼進行調整,這往往會需要幾天甚至是幾個星期,行銷團隊會需要等到開發人員發布後才能進行數據驗證。
  • JS interface 參考文件





情境 2: 使用 JS interface 跟 GTM ( 有獨立可透過 browser 外開網站 )



  • 情境 2 維持了情境 1 的 Native 提供 JS interface 接口給 webview,webview 直接將資料打到 Native,並透過 App 統一傳遞至 Firebase,App 站台維持不需安裝 GTM,但此情境因為有獨立外開網站就必須使用 GTM 管理 GA4 追蹤碼,需將 GTM 程式碼埋於可透過 browser 外開的網站,此方法除了獨立外開網站外,其他團隊也會遇到編輯代碼或佈署時的時效問題。





情境 3: 只使用 GTM 管理 GA4 追蹤碼



  • 將 GTM 代碼分別埋於包在 Native 中的 Webview 網站與可透過 browser 外開的網站中,確保代碼能夠在 Native 和 Webview 中正確運行。後續就可使用 GTM 的管理界面,隨時輕鬆更新和修改追蹤標籤和觸發器,而無需重新發佈應用程式。




總結: Google Tag Manager ( GTM ) 管理 Hybrid App 帶來多重優勢

  • 降低行銷人員對開發人員的依賴,靈活性和簡化追蹤流程

GTM允許追蹤設置的集中管理,減少了直接編碼的需求。讓行銷人員或其他非開發人員可以在簡易的介面中並不干擾程式碼的情況下修改、更新或刪除追蹤代碼。這提供了更大的靈活性,同時簡化了追蹤流程。

  • 減少不同團隊之間的衝突

在 Hybrid App 中,通常有不同團隊負責不同部分,使用GTM可以讓各團隊協作更加順暢,因為可以獨立管理和更新追蹤代碼,無需互相依賴或牽扯到彼此的程式碼。這減少了可能的衝突和交叉干擾,使得開發流程更協調。

  • 更好理解用戶行為

透過GTM所設定的追蹤代碼,可以捕獲用戶行為和數據,進而提供更豐富的洞察和分析。這有助於深入了解應用程式的使用情況、用戶喜好和行為模式,從而優化應用程式以更好地滿足用戶需求。

以上三個情境分享給大家,每個團隊都會使用不同的開發與管理方式,必須根據當下狀況來做彈性的調整,但找到一個好用的管理工具,覺得可以讓工作事半功倍!










By Ian Shih profile image Ian Shih
Updated on
GA4 網站分析商務實戰