GA:啟用Web+APP報表

GA:啟用Web+APP報表

Google Analytics?介面怎麼不一樣

一般看Google Analytics的時候,介面都是長這樣:

一般GA介面
一般GA介面

用熟的話,就會什麼報表在什麼選單裡都一清二楚。

上次在寫Firebase Performance的那篇時,不小心按了別的東西,就產生了一份介面不太一樣的GA報表,長這樣:

報表beta介面
報表beta介面

這個GA標示是Web + APP的報表,可以看到整個UI的樣式還是GA的,但整個選單的分類方式完全不一樣。

放個廣告賺點養主機的$$,謝謝

本篇要筆記的就是,如何開啟這個不一樣的GA報表功能。

因為上面寫的是「報表 BETA版」,所以在寫這篇的當下,Google也還陸續在做修改,有可能你在看這篇時介面會有點不同,莫驚慌、莫害怕,即便真的有不同,這個報表介面也很好理解,如果你熟悉了GA,這不會是大問題。

另外,因為本站是純網站,沒有APP,因此報表的資料都是來自於本站,實際加入APP的話應該會有所不同,這就不是Augustus看得到的了。


步驟1:建立Firebase專案

Google的產品,Google Analytics是記錄Web數據,而要記錄APP數據就是Firebase。

所以第一步,要先開啟Firebase專案。

有用過Firebase的朋友可以跳過這步,沒有的話就繼續往下看。

進到Firebase後:https://console.firebase.google.com/

會要求要登入Google的帳號,登入後會看到以下:

Firebase登入後首頁
Firebase登入後首頁

按下「建立專案」,會跳出一些資料填寫的部份,第一個是專案的名稱,這邊只能填英文跟數字:

放個廣告賺點養主機的$$,謝謝

建立專案 步驟3之1
建立專案 步驟3之1

專案ID可以修改,而且ID一旦在這邊確定後,就不得再修改。

「我接受Firebase條款」必須打勾。

都完成後就按下「繼續」。

下一頁就是問要不要讓這個專案跟Google Analytics相連結:

建立專案 步驟3之2
建立專案 步驟3之2

這篇就是Firebase + Google Analytics所產生的報表,所以一定要是啟用的

如果不啟用,那可以關掉Firebase的頁面,順便再關掉本篇了XD~

再按下繼續後,就是GA的基本設定:

建立專案 步驟3之3
建立專案 步驟3之3

數據分析位置,就看你在哪個國家,Augustus這邊選擇台灣。

「我接受…」開頭的兩個選項必須打勾,都勾完後就可以按下「建立專案」了。

等待中
等待中
專案準備就緒
專案準備就緒

看到「新專案已準備就緒」的訊息,按下「繼續」會進到專案頁面,這步驟就完成了。


步驟2:建立Firebase應用程式

進到Firebase的專案首頁後,就會看到這樣:

Firebase專案首頁
Firebase專案首頁

「Spark方案」就是免費方案。

首頁的文字就會提醒你要先建一個應用程式出來,這邊選擇的是「網頁」,按下</>這個符號的按鈕,會出現建應用程式的頁面:

建立Firebase應用程式
建立Firebase應用程式

第一部要填寫的是應用程式的名稱,提示訊息告訴我們這是給我們自己看的,路人跟外星人看不到,就取一個讓你知道這應用程式是做什麼的就行。

「一併為這個應用程式設定」,我們這個應用程式是用來跟GA整合的,用不到其它Firebase的功能,就不用打勾。

取完暱稱後,就可以按下「註冊應用程式」,按下後會看到這樣:

新增 Firebase SDK
新增 Firebase SDK

因為我們沒用到其它Firebase的功能,這些程式碼就不用理它,直接點擊「前往主控台」。

完成了這一步,新的報表就已經存在在GA上了,登入GA後,會看見多了一組資源和應用程式:

多了一組資源和應用程式
多了一組資源和應用程式

顯示的名稱就是你的專案名稱。

因為建這個Firebase的帳號原本是沒有GA的,所以也自動新增了一組GA帳戶。


步驟3:修改連接的GA

如果Firebase為你自動接上的GA帳戶,不是你要的GA帳戶呢?Firebase也提供修改的介面。

回到Firebase的專案首頁,你會看到上一步建立的應用程式出現在首頁上:

Firebase首頁出現剛建立的應用程式
Firebase首頁出現剛建立的應用程式

點擊那個應用程式後,按鈕會展開,接著再點擊展開出來的齒輪:

再點擊齒輪
再點擊齒輪

進到Settings的頁面後,上面那一排的選單中點擊「整合」:

選單上點擊整合
選單上點擊整合

接著會看到Firebase可以跟Google整合的其它產品,第一個就是GA:

Firebase可以跟Google其它產品的整合清單
Firebase可以跟Google其它產品的整合清單

點擊GA那一張卡片上的管理,就會進到Firebase整合GA的設定頁:

Firebase整合GA的設定頁
Firebase整合GA的設定頁

設定頁的第一塊就是顯示跟哪一組GA帳戶做了整合,想要取消的話就按下右邊的三個點點,會展開取消連結的選項:

取消連結GA的按鈕
取消連結GA的按鈕

點擊後會出現一個警告視窗:

取消GA連結的警告視窗
取消GA連結的警告視窗

由於下一步我們就是要再接上指定的GA,所以這些威脅不用理他,勇敢按下取消連結。

取消連結後,會看到「整合」的卡片列表,GA的部份按鈕從「管理」變成「啟用」:

GA的部份按鈕從「管理」變成「啟用」
GA的部份按鈕從「管理」變成「啟用」

我們一樣放勇敢按下啟用,會出現請你選擇要連結的GA帳戶:

選擇要連結的GA帳戶
選擇要連結的GA帳戶

選完後按下「啟用Google Analytics(分析)」,等他執行一下,轉個圈圈,就會看見整合的部份,連結的帳戶修改成我們指定的GA帳戶:

連結的帳戶修改成我們指定的GA帳戶
連結的帳戶修改成我們指定的GA帳戶

再進到GA去看,就會看見指定的GA帳戶新增了一筆資源:

指定的GA帳戶新增了一筆資源
指定的GA帳戶新增了一筆資源

原本Firebase新增出的資源不會自動刪除,要記得再把它刪掉。


步驟4:為新增的GA資源,指定收哪一個GA資源

GA的資源,每一組資源都會有自己的追蹤碼,但是如果我們看一下由Firebase新增的這組資源:

Firebase新增的這組資源,管理介面
Firebase新增的這組資源,管理介面

是沒有「追蹤資訊」這個項目的,如果要讓這組資源有資料,要進行以下設定。

首先,進到GA後,帳戶跟資源的部份選擇Firebase新增的那組。

選完後,就會看到Web + APP報表,即便報表的分類不一樣,但介面的使用方式是一樣的,要進到管理介面,按鈕一樣是在左下角:

報表功能的「管理」按鈕位置
報表功能的「管理」按鈕位置

點擊後進到管理後台,中間資源的部份點擊「資料串流」:

點擊「資料串流」
點擊「資料串流」

點擊後,會看見已經有一筆我們Firebase上建立的應用程式在上面了,不用管它,按下右上角的「新增串流」,會出現一個下拉選單,選擇「網頁」:

新增串流的下拉選單選擇網頁
新增串流的下拉選單選擇網頁

接著出現設定資料串流的表單:

設定資料串流的表單
設定資料串流的表單

填上你這個GA帳戶主要收集資料的網域後,串流名稱填一個你看得懂的名稱,按下「建立串流」,會回到一開始資料串流的列表:

回到一開始資料串流的列表
回到一開始資料串流的列表

再點擊我們剛新增的那個串流,會出現這個串流的詳情:

串流詳情
串流詳情

詳情的部份,重要的區塊在第二張卡片「代碼設定操作說明」,這邊是講要怎麼讓這組資源能收到資料,就很像用GA時需要埋追蹤碼的這一步。這邊推薦方式選用「使用現有的網頁內代碼」這塊,點擊後,會出現二種埋碼方式:GA中加入、GTM中加入。

一般會看到這篇,想用Web + APP這個特殊報表,代表你的網站本身就有在用GA了,那就直接選用第一種「Google Analytics (分析)」就行。

如果你想統一整理你的程式碼在GTM上,那就選用第二種的「Google 代碼管理工具」。

這邊筆記第一種方式,因為只要會用GA就可以使用,而不用另行再去摸索GTM。

從Google Analytics中串流資料

後台設定的說明很清楚了,這邊就是一邊照著作、一邊截圖。

1、2 在另一個視窗中開啟用來控制 網頁內代碼的 Google Analytics (分析) 資源。依序前往 [管理] > [追蹤資訊] > [追蹤程式碼]。

新開一個視窗,進到GA,在進到GA的管理介面,最後選擇你想讓這個Firebase新增的資源,主要是要收到哪一組GA帳戶裡的資料。

接著點選「追蹤資訊」,打開的下拉式選單中選擇「追蹤程式碼」:

進到GA管理介面,選擇追蹤資訊 > 追蹤程式碼
進到GA管理介面,選擇追蹤資訊 > 追蹤程式碼

3 按一下「全域網站代碼 (gtag.js)」下方的 [已連結的網站代碼]。

點擊圖中標紅框的地方
點擊圖中標紅框的地方

點擊圖中標紅框的地方,那個v箭頭。

4 連結這個評估 ID:G-xxxxxxxxxxxxx。

點擊了上一步的v,會滑出一個要填寫連結代碼的頁面:

填寫連結代碼
填寫連結代碼

「輸入所要連結代碼的 ID」,就填說明中提供的代碼,像這邊:

評估的ID
評估的ID

別名的部份是選填,為了之後回頭看時可以知道是什麼,建議還是填一下。

兩欄都填完後,最後按下「連結」,下方就會出現一組已連結的代碼:

出現一組已連結的代碼
出現一組已連結的代碼

這樣就設定完成了,現在就是等個幾天,等新報表收到資料就行。


GA報表 VS. Web+APP報表

最後來比較一下「一般GA報表」跟用了Firebase後的「Web+APP報表」的不同。

首頁第一列

一般報表 首頁第一列
一般報表 首頁第一列
特殊報表
Web + APP報表

第一張卡片內容相似,但Web + APP的有加上「事件」。

第二張的即時卡片,一般報表顯示的是當下的時間,Web + APP的是顯示30分鐘內的。

第三張卡片,因為這幾年Google把AI加入了GA裡,所以一般報表是顯示AI的建議,而Web + APP的則是整體使用者趨勢。

即時報表

一般報表 即時報表
一般報表 即時報表
特殊報表 即時報表
Web + APP報表 即時報表

主要差別是在即時報表的子選項,一般報表收在左側選單,Web + APP報表收在底部。

是說,Web + APP的直接放大世界地圖,很大氣啊~但載入時間也相對慢了。

Web + APP報表有一個蠻喜歡的點,就是針對事件的部份有直接做整理,像這樣:

特殊報表 即時報表 事件趨勢
Web + APP報表 即時報表 事件趨勢

技術報表

一般報表 技術報表
一般報表 技術報表
特殊報表 技術報表
Web + APP報表 技術報表

一般報表把項目另外收在主要維度的選項上,預設開啟的是使用何者瀏覽器。

Web + APP報表則是直接把所有項目都做成卡片一次顯示出來。

分析中心

分析中心是特殊報表裡才有的項目,有以下報表可以自動生成:

特殊報表 分析中心
Web + APP報表 分析中心

實際上分析中心產生的這些報表,在GA一般報表中也有,就是散在各個選單中,Web + APP報表就是把他們集合收在一個地方。

比較了一下以上幾個報表,可以發現一般的GA報表比較像是row data,就是所有的網站資料都在裡面,摸熟的話就很好整理出你想要的報表。

而Web + APP報表比較像是整理過的,給資料分析人員、行銷人員等用的,從選單的名稱上也比較好理解。

寫這篇的當下,這個Web+APP的特殊報表,Google還標注著BETA字樣,以後會陸續更新,期待正式發佈V1的那天。

Summary
GA:啟用Web+APP報表
Article Name
GA:啟用Web+APP報表
Description
本篇大綱:Google Analytics?介面怎麼不一樣。步驟1:建立Firebase專案。步驟2:建立Firebase應用程式。步驟3:修改連接的GA。步驟4:為新增的GA資源,指定收哪一個GA資源。從GA中串流資料。GA報表 VS. Web+APP報表
Augustus
Let's Write
Let's Write
Publisher Logo

留言