Design News

網頁設計新知

GA4 追蹤碼怎麼申請?Google Analytics 4 建立、取得代碼到網站後台安裝完整教學

Aug 21, 2026
目錄

快速摘要 TL;DR:想知道網站一天有多少人瀏覽、使用者從哪裡來、看了哪些頁面,第一步就是替網站安裝 Google Analytics 4(GA4)。只要建立 GA4 資源、設定網站資料串流,就能取得專屬的 Google 追蹤代碼。如果您的網站是由鉅潞科技建置,取得代碼後不需要修改網站程式,直接登入網站管理後台,把完整 GA4 程式碼貼到「統計代碼」的 </head> 前欄位即可。本篇將從 GA4 建立開始,一步一步帶您完成追蹤碼取得、後台安裝與最後的資料驗證。

GA4 追蹤碼是什麼?

GA4 全名為 Google Analytics 4,是 Google 提供的網站與應用程式數據分析工具。網站安裝 GA4 後,就能開始蒐集網站瀏覽與使用者互動相關資料,例如有多少人進入網站、從哪個管道進站、瀏覽過哪些頁面,以及網站中的特定互動事件。

不過 GA4 並不是建立帳號後就會自動知道網站發生了什麼事。網站與 Google Analytics 之間還需要一個負責傳送資料的橋樑,也就是我們常說的「GA4 追蹤碼」。

建立網站資料串流後,Google 會提供一組專屬的 評估 ID(Measurement ID),通常會以 G- 開頭,同時也會產生一整段可以安裝到網站上的 Google tag 程式碼。

? 簡單來說:
GA4 是分析網站數據的工具,而 GA4 追蹤碼就是把網站上的資料傳送給 GA4 的管道。沒有正確安裝追蹤碼,即使 GA4 帳號已經建立完成,也可能收不到網站資料。

開始設定前要準備什麼?

在正式建立 GA4 之前,可以先準備下面幾項資料,設定過程會順利很多:

  • 一組可以登入 Google Analytics 的 Google 帳號。
  • 您的正式網站網址,例如公司的官方網站網域。
  • 網站或品牌名稱。
  • 網站管理後台的登入權限。

⚠️ 權限小提醒:如果 GA4 是替公司網站建立,建議使用公司可長期管理的 Google 帳號,不要只綁定單一員工的私人帳號,以免未來人員異動後發生權限交接問題。

5 步驟取得 GA4 網站追蹤碼

資料準備好之後,就可以開始建立 GA4。整個流程其實不複雜,我們拆成 5 個步驟來完成。

步驟一:登入 Google Analytics

使用 Google 帳號登入 Google Analytics。如果這是第一次使用,可以依照畫面建立 Analytics 帳戶;如果原本就有 GA4 帳戶,則可以直接進入管理頁面。

登入 Google Analytics 後進入管理介面

進入 Google Analytics,準備建立網站使用的 GA4 資源。

步驟二:建立 GA4 資源

進入左下角的「管理」頁面後,建立新的 GA4 資源。資源可以想成網站在 Google Analytics 裡的獨立資料空間,後續網站收集到的分析數據都會記錄在這個資源中。

建立時通常會需要設定:

  • 資源名稱:建議使用公司名稱或網站名稱,方便日後辨識。
  • 報表時區:台灣網站通常可以選擇台灣時區。
  • 幣別:依網站實際營運需求選擇。

如果公司未來有多個品牌或不同網站,命名時建議直接加入網站或品牌名稱,例如「品牌名稱-官方網站」,日後管理會比較清楚。

步驟三:建立網站資料串流

GA4 資源建立完成後,接下來要告訴 Google:「我要蒐集哪一個網站的資料。」這個設定就是資料串流(Data Stream)

進入「資料串流」後選擇網站,接著填入:

  • 網站網址:輸入正式網站網址。
  • 串流名稱:可以填公司名稱、品牌名稱或官方網站。

設定完成後建立串流,Google 就會產生這個網站專用的 GA4 資訊。

GA4 建立網站資料串流

選擇「網站」並輸入正式網站網址,建立網站資料串流。

步驟四:找到 GA4 評估 ID

網站資料串流建立完成後,在「串流詳細資料」中可以看到一組 評估 ID(Measurement ID)

GA4 的評估 ID 一般會以:

G-XXXXXXXXXX

這串 ID 就像這個 GA4 網站串流的識別資料,Google tag 會透過它知道資料要送到哪一個 GA4 資源。

⚠️ 文章截圖請注意:如果要把 GA4 管理畫面製作成教學文章,建議將實際的評估 ID、帳戶資訊及其他可能識別客戶的資料遮蔽後再公開,避免直接將真實網站設定資訊放到文章圖片中。

步驟五:複製完整 Google 追蹤代碼

接下來進入該網站的資料串流,找到「Google 代碼」相關設定,點選「查看代碼操作說明」,再選擇手動安裝

Google 會產生一整段網站專用的 JavaScript 程式碼,大致會長得像下面這樣:

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'G-XXXXXXXXXX');
</script>

請注意,我們真正要放進網站的不是只有 G-XXXXXXXXXX 這一串 ID,而是從開頭到最後 </script>完整程式碼

? 這一步先不要自己修改程式碼。直接使用 Google 提供的完整版本即可,也不要漏掉第一段載入 gtag.js 的 <script>

鉅潞科技網站後台怎麼安裝 GA4?

如果您的網站是由鉅潞科技建置,取得完整 GA4 Google tag 後,不需要自己進入網站原始碼逐頁修改。

網站管理後台已經提供「統計代碼」欄位,可以將需要全站載入的網站分析程式碼統一加入網站。

步驟一:登入網站管理後台

使用網站管理帳號登入鉅潞科技網站後台,找到網站的統計代碼設定區。

步驟二:找到「</head> 之前」的統計代碼欄位

後台會看到兩組統計代碼輸入欄位,請先確認欄位下方的說明文字。

GA4 的 Google tag 請放在標示:

您可以將其他訪問統計服務商提供的代碼新增到每一個頁面(</head> 之前)

第一個統計代碼欄位

鉅潞科技網站後台 GA4 統計代碼設定欄位

鉅潞科技網站後台的「統計代碼」設定。GA4 完整追蹤碼請貼入上方,也就是加入每一頁 </head> 前的欄位。

步驟三:貼上完整 GA4 Google tag

回到剛才的 Google Analytics 安裝說明,把複製好的完整 Google tag 貼入上方統計代碼欄位。

貼入後的內容會類似:

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'G-XXXXXXXXXX');
</script>

步驟四:儲存設定

確認程式碼完整後儲存設定。後台就會將這段統計程式碼統一加入網站頁面的 </head> 前,不需要每一頁都貼一次。

那下面的「</body> 之前」欄位呢?
一般使用 GA4 的 Google tag(gtag.js)時,不需要再把同一段 GA4 程式碼貼到下方的 </body> 前欄位。同一組 GA4 代碼重複安裝,反而可能造成資料追蹤異常。

安裝完成後怎麼確認 GA4 有沒有成功?

程式碼貼上並儲存,不代表工作就完全結束了。最後還要確認 GA4 是否真的開始收到網站資料。

方法一:使用 GA4 即時報表

開啟網站後,自己瀏覽幾個頁面,接著回到 Google Analytics 查看即時報表。

如果可以看到目前有使用者進入網站,通常代表 GA4 已開始接收到資料。新安裝的代碼不一定會立刻反映所有數據,可以稍等一段時間後再重新確認。

方法二:使用 Google Tag Assistant

也可以使用 Google 提供的 Tag Assistant 檢查網站是否正確載入 Google tag,特別適合遇到「程式碼明明貼上了,GA4 卻一直沒有資料」的狀況。

✅ 建議安裝完成後至少實際打開首頁、產品頁或服務頁測試一次,再回 GA4 查看即時資料,比單純看到後台有程式碼更可靠。

GA4 安裝常見的 4 個小地雷

GA4 設定本身並不困難,但實際協助網站設定時,下面幾種狀況很容易發生。

  • 1. 只貼了 G- 開頭的評估 ID:如果網站後台要求的是「統計代碼」,就要貼 Google 提供的完整 Google tag,而不是只有一串 G-XXXXXXXXXX
  • 2. 把同一段 GA4 程式碼貼了兩次:如果網站本來就已經安裝 GA4,又在後台新增同一組追蹤代碼,可能造成重複追蹤。新增之前最好先確認網站目前是否已經載入相同的 Google tag。
  • 3. 貼錯到 </body> 前的欄位:Google 對一般網站手動安裝 Google tag 的做法,是將程式碼加入網站 <head> 區域。因此在鉅潞科技網站後台中,GA4 請使用上方標示為 </head> 前的統計代碼欄位。
  • 4. 安裝後完全沒有測試:最常見的問題不是「不會貼」,而是貼完之後沒有確認資料到底有沒有進來。建議每次新增或修改 GA4 後,都回到即時報表或使用 Tag Assistant 測試。

GA4 裝好了,卻還是不確定有沒有正常追蹤?

網站流量分析的第一步是把 GA4 正確裝上去,但真正重要的是後續能不能取得正確、可使用的網站數據。如果您的 GA4 已經建立完成,卻不知道追蹤碼該放哪裡,或安裝後一直沒有看到資料,可以交由專業團隊協助檢查網站設定。

☎️ 立即諮詢網站 GA4 設定 →

常見問題(FAQ)

整理幾個大家最常詢問的 GA4 安裝問題

Q:GA4 的追蹤碼在哪裡找? ▼ 展開/收合

A:進入 Google Analytics 的管理頁面,找到網站所使用的「資料串流」,再進入 Google tag 的安裝操作說明,選擇「手動安裝」後,就可以看到完整的 GA4 Google tag。

Q:G- 開頭的代碼就是 GA4 追蹤碼嗎? ▼ 展開/收合

A:G-XXXXXXXXXX 是 GA4 的評估 ID。如果網站後台是讓您輸入「評估 ID」,填這一串即可;但如果像鉅潞網站後台一樣是提供「統計代碼」欄位,則應貼上 Google 提供的完整 Google tag 程式碼。

Q:鉅潞科技製作的網站要把 GA4 放在哪裡? ▼ 展開/收合

A:登入網站管理後台後,找到「統計代碼」設定,將完整 GA4 Google tag 貼到第一個、標示會新增於每個頁面 </head> 前的欄位,再儲存設定即可。

Q:GA4 要貼在 head 還是 body? ▼ 展開/收合

A:一般直接使用 Google tag(gtag.js)安裝 GA4 時,應放在網站的 <head> 區域。在鉅潞網站後台中,就是使用第一個 </head> 前的統計代碼欄位。

Q:GA4 安裝後為什麼還看不到資料? ▼ 展開/收合

A:剛完成安裝時資料可能需要一些時間才開始出現。可以先實際瀏覽網站,再查看 GA4 即時報表。如果持續沒有資料,建議進一步確認評估 ID 是否正確、程式碼是否完整、網站是否真的載入 Google tag,以及是否存在重複或衝突的追蹤設定。

Q:同一個網站可以裝兩組 GA4 嗎? ▼ 展開/收合

A:技術上可以依需求設定不同的資料目的地,但一般企業網站如果沒有特殊分析需求,不建議自行重複加入多組 GA4 程式碼。如果不確定網站原本是否已有追蹤設定,建議先檢查後再新增。

結語

建立 GA4 追蹤碼其實沒有想像中困難。從建立 GA4 資源、加入網站資料串流,到取得完整 Google tag,按照步驟完成後,就只差最後把程式碼正確放進網站。

如果您的網站是由鉅潞科技製作,可以直接透過網站管理後台的「統計代碼」功能完成設定,不需要自行修改每一頁的 HTML。

  • 先建立 GA4 資源與網站資料串流。
  • 找到以 G- 開頭的評估 ID。
  • 從 Google 安裝說明複製完整 Google tag。
  • 貼到鉅潞網站後台第一個「統計代碼」欄位。
  • 確認該欄位是加入每個頁面的 </head> 前。
  • 儲存後使用 GA4 即時報表或 Tag Assistant 再測試一次。

GA4 裝好只是網站數據分析的起點。持續觀察流量來源、熱門內容以及使用者在網站上的行為,才能讓這些數字真正成為網站內容調整與數位行銷的重要依據。

資料參考:Google Analytics 官方說明

返回頂部