【網站經營】如何設定新版 Google Analytics 4 property?(網站、部落格都適用)

How to setup Google Analytics 4 property? / 如何設定新版 Google Analytics 4 property?(網站、部落格都適用)


Google Analytics (簡稱 GA) 一直都是數位行銷最重要的分析工具,Google 為了提供經營者更完整的功能,整合了「網站」、「iOS 及 Android 應用程式」,並新增了更多深入的分析內容,推出了新版 Google Analytics 4 property (簡稱 GA4P)!

本文是以新版 Google Analytics 4 property 來做示範,區分為兩類需求:「初次安裝 GA4P」、「將 GA 升級為 GA4P」。如果你已經用過 GA、網站裝過 GA,那請直接快轉到下面一點的段落去升級為 GA4P,初次接觸 GA 也別焦慮,接下來我們 step by step 來設定。

(我們以後講的 GA,都是指新版 GA4P 喔!)


初次將 Google Analytics 加入網站

手邊有自己的網站、部落格,也想多瞭解一些比較精準的網站數據,趕緊把新版 Google Analytics 4 property 加進就對了,我們可以先一起進入 Google Analytics 首頁

貼心提醒:
使用 GA 必須先登入 Google 帳號,如果是公務使用,建議可以用公司帳號來設定比較好。雖然 GA 也可以做日後權限轉移,但是公私分明還是比較方便的,這部分給大家參考!

【網站 SEO】如何設定新版 Google Analytics 4 property?(網站、部落格都適用) - Google Analytics 提供了「網站經營」所需的精準數據
▲ Google Analytics 提供了「網站經營」所需的精準數據

進入設定前,解釋一下 Google Analytics 定義的階級,免得後面一連串設定會有設沒有懂。

先設想你真的有間公司,你要幫公司網站安裝 GA,所以你可以先建立一個以你公司為名的「帳戶 (Account)」。也許你有 A 公司官網、B 電商網站、C 專屬功能 APP,那就表示你至少可以建立三個屬於公司的「資源 (Property)」。倘若在 B 電商網站架構下,佈局了商品銷售、部落格介紹,那我們就應該分別建立 B-0 (全站)、B-2 (商品)、B-3 (部落格) 三種與客戶接觸的資料收集點,Google 稱之為「資料串流 (Data Stream)」。

如果有一天你的管理量增加,還必須同時間串連多間公司資訊,也許就能依著 Google 的佈局向上設定「機構組織 (Organization)」,同時間將多個帳戶的內容串連起來。

(以上是方便大家先有個概念,有需要可以參考更專業的 GA 階級定義)

【網站 SEO】如何設定新版 Google Analytics 4 property?(網站、部落格都適用) - Google Analytics 有一套階級定義的邏輯
▲ Google Analytics 有一套階級定義的邏輯

有了上述的概念後,我們開始進入初次 Google Analytics 4 property 的設定:

1 - 帳戶設定:

帳戶名稱的設定沒有絕對,但方便我們清楚辨識最重要。如果是「公司使用」,建議就是打上公司、工作室名稱,如果是「個人使用」,則建議打上名字、筆名、暱稱、稱號或其他可辨識的名稱。

帳戶設定裡包含了:Google 產品和服務、基準化、技術支援、帳戶專家,它們對於我們使用 GA 或 Google 日後優化服務都有正向幫助,筆者建議全部都可以開啟。如果需要調整,以後都可以透過 GA 的設定來做更改。

【網站 SEO】如何設定新版 Google Analytics 4 property?(網站、部落格都適用) - 帳戶名稱以能夠清楚辨識最重要
▲ 帳戶名稱以能夠清楚辨識最重要

2 - 資源設定:

這是新手比較容易混淆的地方,所以前面特別提及了 Google Analytics 的 階級定義,到了資源名稱這個階層才建議以「網站名稱」來做設定,最後才不會帳戶、資源傻傻分不清楚。如果日後我們再增加新的網站,也方便做系統化的管理。

另外,我們還要加註上地理位置、時區、幣別,方便 GA 提供契合我們所需的資訊。

【網站 SEO】如何設定新版 Google Analytics 4 property?(網站、部落格都適用) - 到了資源設定,才將網站名稱設定上去
▲ 到了資源設定,才將網站名稱設定上去

3 - 商家資訊:

商家資訊比較像是 Google 想收集資料的問題:「產業類別」、「商家規模」、「Google Analytics 用途」,如果沒有不方便的話,也是建議提供給 Google 作為參考之用。

【網站 SEO】如何設定新版 Google Analytics 4 property?(網站、部落格都適用) - Google 會收集產業類別、商家規模、GA 用途的資訊
▲ Google 會收集產業類別、商家規模、GA 用途的資訊

4 - 設定資料串流

承接前面的邏輯,我們要建立能收集資料的「資料串流」。現在新版 Google Analytics 4 property 還加入了 iOS 和 Android 的「應用程式分析」,但我們要設定的是「網站分析」,所以不要被迷惑了!XD

【網站 SEO】如何設定新版 Google Analytics 4 property?(網站、部落格都適用) - 為了要收集網站資料,我們必須先建立資料串流
▲ 為了要收集網站資料,我們必須先建立資料串流

設定資料串流包括了:

  • 網站網址:請注意網站使用的是 http://,還是 https://,我們另外也能追蹤特定層級,像是 https://www.gaexample/blog
  • 串流名稱:預設名稱是「完整網站資料」,如果是不同層級,記得修改名稱才方便辨識
  • 加強型評估:GA4P 新版的追蹤項目,可以讓網站管理者得到更多數據分析,這個項目強烈建議開啟

【網站 SEO】如何設定新版 Google Analytics 4 property?(網站、部落格都適用) - 設定「資料串流」包括:網站網址、串流名稱、加強型評估
▲ 設定「資料串流」包括:網站網址、串流名稱、加強型評估

關於剛剛提到的「加強型評估」,包含:網頁瀏覽、捲動、外連點擊、站內搜尋、影片參與、檔案下載,算是完整地收錄了時下網站會有的互動內容,多了這些分析會更有助於我們瞭解實際流量的運作情形。

像是捲動、影片參與這兩項數據,對於評判「網站內容」對使用者是否實用、有趣就有很大的幫助。舉例來說,使用者能觀看完整的網頁內容,就會比停留時間長但沒捲動頁面來得有價值,我們更能避免對某些 GA 數據的誤判。

【網站 SEO】如何設定新版 Google Analytics 4 property?(網站、部落格都適用) - 「加強型評估」有助於我們更精準解讀 GA 數據
▲ 「加強型評估」有助於我們更精準解讀 GA 數據

在設定完成後,除了會跳出完整的網頁串流詳情,接下來還要將 Google Analytics 提供的「網頁代碼」貼進網站。多數內容平台 Blogger、WordPress、痞客邦,都可以透過編輯 HTML 範本完成,另外有些電商平台像 SHOPLINE 還可以透過貼上 GA 追蹤 ID 來完成串接,不過新版 GA4P 是不是也這樣處理還待確認。

【網站 SEO】如何設定新版 Google Analytics 4 property?(網站、部落格都適用) - 將 GA 網頁代碼貼進網站,才算是設定完成
▲ 將 GA 網頁代碼貼進網站,才算是設定完成

【網站 SEO】如何設定新版 Google Analytics 4 property?(網站、部落格都適用) - Blogger、WordPress、痞客邦可以在後台編輯 HTML 貼上網頁代碼
▲ Blogger、WordPress、痞客邦可以在後台編輯 HTML 貼上網頁代碼

完成 Google Analytics 設定後,不會馬上有數據能夠分析,大約要等 24-48 小時才會看到網站資料進來。比較長週期的報表,像是 7 天、30 天更要耐心等待一會!

【網站 SEO】如何設定新版 Google Analytics 4 property?(網站、部落格都適用) - 初次 GA 數據大概要等 24-48 小時才會匯入
▲ 初次 GA 數據大概要等 24-48 小時才會匯入


升級為 Google Analytics 4 property

如果網站已經安裝過 Google Analytics,升級新版 Google Analytics 4 property 更輕鬆,不用重新更換網頁代碼,只需要透過管理 > 資源 > GA4 Setup Assistant 就能一鍵升級。

【網站 SEO】如何設定新版 Google Analytics 4 property?(網站、部落格都適用) - 有安裝過 GA,升級新版 GA4P 更輕鬆
▲ 有安裝過 GA,升級新版 GA4P 更輕鬆

【網站 SEO】如何設定新版 Google Analytics 4 property?(網站、部落格都適用) - 透過 GA4 Setup Assistant 就能一鍵升級 GA4P
▲ 透過 GA4 Setup Assistant 就能一鍵升級 GA4P

原有的 Google Analytics 升級為新版 Google Analytics 4 property,並不會覆蓋原本的 GA 資料,而是去「新建」一個 GA4P 的獨立資源。不過,舊有的資料並不會帶到新資源去,也代表數據資料必須有時間重新累積,但我們還是可以透過切換至 GA 舊資源來觀看分析。

【網站 SEO】如何設定新版 Google Analytics 4 property?(網站、部落格都適用) - Google 利用新建資源的方式來區隔 GA 及新版 GA4P
▲ Google 利用新建資源的方式來區隔 GA 及新版 GA4P

新建 GA4P 資源之後,由於網站資料不會從舊版 GA 帶入,所以只能花點時間等待。建議大家可以先熟悉一下 GA4P 的使用介面,順便也瞭解一下新舊版的差異。

筆者晚些會再跟大家補充 GA4P 的進化,希望大家使用、升級新版 GA 都順利喔!

【網站 SEO】如何設定新版 Google Analytics 4 property?(網站、部落格都適用) - 設定完 GA4P 後,就能馬上體驗新版資源
▲ 設定完 GA4P 後,就能馬上體驗新版資源

【網站 SEO】如何設定新版 Google Analytics 4 property?(網站、部落格都適用) - 數據還沒匯入前,可以先熟悉一下新版 GA4P 的介面
▲ 數據還沒匯入前,可以先熟悉一下新版 GA4P 的介面



延伸閱讀:

【網站經營】如何設定新版 Google Analytics 4 property?
【網站經營】利用 web.dev 測量工具幫網站健檢,找出 SEO 及使用者體驗問題
【網站經營】究竟用短連結來轉址,會不會傷害到網站 SEO?
【網站經營】部落客別再癡癡等業配,趕緊用 Google AdSense 創造被動收入
【網站經營】快速解答 Google AdSense 常見疑問
【網站經營】內容網站、部落格首選 Google Blogger
【網站經營】設定 Google Blogger/Blogspot 自訂網域
【網站經營】Google Blogger 文章圖片無痛轉換 WebP 格式

-------------------------------

更多內容,歡迎關注『布蘭特大叔』

部落格:https://bit.ly/UB-WebSite
FB 專頁:https://bit.ly/UB-FB
YouTube 頻道:https://bit.ly/UB-YouTube

張貼留言

7 留言

  1. 您好,請問痞客邦的部落格該怎麼貼進全域網站代碼 (gtag.js) 呢??謝謝

    回覆刪除
    回覆
    1. 可以到痞客邦後台管理 > 擴充功能管理 > 側欄管理,付費使用「部落格自訂側邊欄產生器」就能填入代碼了!

      刪除
  2. 請問google blogger 要把 代碼編輯HTML貼入是任意位置嗎? 可以加在小工具嗎? 謝謝你

    回覆刪除
  3. Celia 可以進到 Blogger 後台,利用「主題」>「自訂」>「編輯 HTML」,把代碼貼到 head 標籤及 /head 標籤結尾之間。

    (不過,建議先做「備份」,再來「編輯 HTML」會比較保險)

    回覆刪除
    回覆
    1. 謝謝。有備份,但因為 head 標籤及 /head 標籤結尾之間 還有其他一大串,我有試過,結果首頁和分頁不見,然後選文章結果精選文章還在最上頭(正常是精選文章只在首頁出現)

      刪除
    2. 那要趕緊「還原」喔,怕你跑版!相關程式碼安插在 head 標籤開始之後就可以了,沒有很複雜。

      刪除
    3. 有還原了,有去官網看是寫緊接著在 head 後,所以才會照做。
      真的很謝謝你,寫的很詳實,我十幾年荒廢許久的部落格,才能重新開張。真心謝謝你(●'◡'●)

      刪除

歡迎留言,大叔會盡快回覆您喔!
只是有時候垃圾留言較多,偶爾會開啟審核過濾。
只要確認有送出,大叔都會看得到留言。

Emoji
(y)
:)
:(
hihi
:-)
:D
=D
:-d
;(
;-(
@-)
:P
:o
:>)
(o)
:p
(p)
:-s
(m)
8-)
:-t
:-b
b-(
:-#
=p~
x-)
(k)