Google Tag Manager Firebase Analytics

簡單介紹如何將Google Tag Manager應用於Android App

莊以楷 2020/03/18 10:43:20
114

簡單介紹如何將Google Tag Manager應用於Android App 

 

作者YiKai Chuang

 

前言

 

本篇主要是概述性介紹如何在自己的Android App當中加入Google Tag Manager,藉以了解App目標族群的使用行為

 

事前準備

 

  1. 安裝Firebase SDK (本篇是直接從Android Studio開發環境的Firebase Assistant加上Firebase的相關設定)

 

步驟1:開啟Android Studio並點擊Tools->Firebase

 

步驟2:出現Firebase Assistant後點擊Authentication->Email and password authentication

 

步驟3:接著按照上面的提示一步步執行,Android Studio應該就會自動將Firebase相關的設定加到build.gradle(詳細內容可參閱參考來源2)

 

  1. 到Firebase console後台(https://console.firebase.google.com/?hl=zh-tw&pli=1)確認現有專案是否已經加為Firebase專案

 

Google Tag Manager後台的設定

 

  1. 首先先連到Google Tag Manager後台(https://tagmanager.google.com/),並且新增容器(Container),以本例來說選擇的是Android應用程式

 

  1. 出現服務合約條款,直接點擊

 

  1. 若順利建立新容器會跳出提示視窗,直接點擊確定即可

 

  1. 接著新增代碼

 

  1. 首先先點擊代碼設定

 

  1. 以本例來說代碼類型選擇的是Google Analytics(分析)(Firebase)

 

  1. 接著填入動作(以本例來說是新增事件)和事件名稱(以本例來說是自己定義的名稱:Crop_Click)

 

  1. 接著選擇觸發條件(為了測試方便,本例直接選擇All Events)

 

  1. 代碼設定完成後可以更名為自訂的名稱(以本例來說是GTM tracker),然後點擊儲存即可

 

  1. 若設定都沒有問題,應該可以看到工作區變更區塊會顯示已新增,若要直接發布可以直接點擊右上方的提交

 

  1. 一旦發布完成,應該可以看到如下包括版號、版本摘要...等資訊的畫面,為了之後加到Android Studio開發環境方便,筆者先點擊下載,將相關檔案(以本例來說檔名是GTM-PDX393F.json)存到電腦

 

Android專案加上Google Tag Manager相關設定

 

  1. 首先在build.gradle加上引用

 

  1. 在專案的src/main/assets新建containers目錄,並將之前從Google Tag Manager後台所下載的GTM-PDX393F.json放入此目錄

 

  1. 本App主要想測試的使用情境如下

 

步驟1:進入App後點擊拍照

 

步驟2:開啟內建手機相機,點擊下方的相機圖示後即拍完照

 

步驟3:調整所要裁切的大小之後點擊右下方的確定

 

步驟4:裁切完成之後圖片會有浮水印的文字(以本例來說是A123456789)



  1. 上述步驟1對應到專案的程式碼如下

 

  1. 上述步驟3對應到專案的程式碼如下

 

  1. 由於拍完照裁切完圖片後會回到主程式(MainActivity)onActivityResult,所以在裡頭加上Firebase Analytics相關的程式碼(以本例來說圖檔的檔名是scan.jpg,浮水印文字是A123456789,為了測試筆者直接拿這兩個當作Firebase event的參數)

 

  1. 連到Firebase Console後,應該可以看到Crop_Click這個自定義的event的相關紀錄

 

最後總結:

 

Google Tag Manager可以經由設定代碼(Tag)、觸發條件(Triggers)、變數(Variables),很輕鬆就可以做到跟Google Analytics和Google AdWords一樣追蹤轉換並回傳使用者的行為資訊(Log),同時支援Android、iOS、網站...等平台。此外,它也可以避免因為過多的代碼標籤而導致載入速度變慢...之類情況發生的機率,若使用得宜,相信應該有助於提升使用者的使用體驗。

 

參考來源:

1. https://developers.google.com/tag-manager/android/v5

2. https://firebase.google.com/docs/android/setup

3. https://www.digit-seed.com/google-tag-manager-teaching-01/

 

莊以楷