找我們做網站
↑
Seo · Google Analytics 教學

GA 追蹤碼原理:資料怎麼從網頁送到 Google Analytics

Google Analytics 教學發布 2019.09.01更新 2026.10.02閱讀約 5 分鐘
GA 追蹤碼原理:資料怎麼從網頁送到 Google Analytics

重點整理
GA 追蹤碼是一段 JavaScript:網頁載入時先抓取 GA 程式庫,再用追蹤 ID 判斷資料要送到哪個資源。本文說明資料收集與報表顯示的流程;文中 UA- 開頭的 ID 屬舊版通用 Analytics,GA4 改用 G- 開頭的評估 ID。

Google Analytics 追蹤碼原理 在使用任何一套資料分析工具前,了解運作原理是必要的一件事,尤其使用 GA 必須要在網站加入追蹤程式碼,才能夠讓資料顯示,因此在本篇教學中,將說明 GA 追蹤碼的基本運作原理,以及埋入 GA 追蹤碼的注意事項、資料傳輸流程與報表顯示等運作原理,讓想要學習 Google Analytics  的朋友能夠更好理解報表來源與顯示方式。
如果說還沒為網站加入追蹤程式碼,可以參考這一篇文章:Google Analytics 教學 – WordPress 加入 GA 追蹤碼(主題與外掛)

Google Analytics 追蹤程式碼說明

GA 目前使用的追蹤碼是由 JavaScript 組成,創建 GA 帳戶後可以在資源 → 追蹤資訊中找到,下圖程式碼區塊中有大小兩個方框,大的紅色方框是全網站代碼中的 Base code ,也就是網頁執行 HTML 載入時將抓取屬於 GA 的外部檔案,這一個步驟必須要先執行,才能讓小方框中的 GA 追蹤 ID 正常運作。

Google Analytics 追蹤碼原理
Google Analytics 追蹤碼原理

如果你對 GA 有一定程度的瞭解,就會知道在 GA 帳戶中可以創建不同的資源,而每一個資源都將具有一組獨一無二的追蹤 ID,格式上會是 UA-xxxxxxx ,這一組追蹤 ID 具有判斷要將接收到的資料傳輸到那一個資源顯示的功能,因此在不同的資源中,只有 gtag(‘config’, ‘UA-xxxxxx’);裡面的追蹤 ID 會不一樣,其他部份都是一樣的。更詳細的 GA 資源說明,可以參考此篇文章:Google Analytics 資源設定教學 – 資源項目與追蹤資訊說明

接下來要說明的是加入 GA 追蹤碼時需要注意的事項:

  1. 確定追蹤碼放置的位置是不是在<head></head>之間
  2. 如果是使用 WordPress  架站,必須是全網站所有頁面都會執行 GA 追蹤碼
  3. 網站如果是安裝舊的 GA 追蹤碼,建議修改為最新的 全域網站代碼(gtag.js)
  4. 使用子網域的網站,在安裝追蹤碼時必須新建不同的帳戶或資源,以使用不同的追蹤 ID。

Google Analytics 資料蒐集運作原理

加入追蹤程式碼後,在沒有錯誤的狀況下,GA 就會開始蒐集網站資料,當訪客瀏覽網站時,訪客所使用的瀏覽器就會根據 Cookie(瀏覽器記錄使用者造訪網站資料的技術,有保持登入狀態、紀錄所在地資料、網站偏好設定等功能)中使用者的行為資料,傳送到 GA 資料庫中,根據 GA 官方說明文件,資料處理延遲時間為 24-48 小時,在完成資料處理後就會在 GA 報表中顯示數據資料。

在資料處理顯示之前,如果想要觀看 GA 報表呈現樣式或試行操作,可以到即時報表中查看當前網站訪客狀態,進一步的說明可以參考 Google Analytics 即時報表分析教學 – 首頁總覽、即時資料說明。

Google Analytics 追蹤碼原理
Google Analytics 追蹤碼原理

舊版 UA 追蹤碼換成 GA4 要注意什麼?

  • 換成 G- 開頭的評估 ID:UA- 開頭的追蹤碼已不會再收集資料,網站上要改放 GA4 的追蹤碼。
  • 移除舊程式碼:主題設定、外掛、頁首自訂程式碼都檢查一遍,把 UA 的程式碼拿掉,避免殘留。
  • 只裝一份:同一個 G- ID 在網頁上出現兩次,瀏覽量會被重複計算,主題、外掛、代碼管理工具三者擇一。
  • 轉換要重新設定:UA 的目標不會自動搬到 GA4,要在 GA4 把對應事件標成「關鍵事件」。

舊的 UA 歷史資料已無法在介面查看,GA4 的資料只能從安裝當天開始累積。

示意圖:舊版 UA- 開頭追蹤碼換成 GA4 的 G- 開頭評估 ID,以及換成新 ID、移除舊程式碼、只裝一份、重設轉換四個檢查點
示意圖:舊版 UA- 開頭追蹤碼換成 GA4 的 G- 開頭評估 ID,以及換成新 ID、移除舊程式碼、只裝一份、重設轉換四個檢查點

常見問題

GA4 的追蹤碼和評估 ID 在哪裡找?

在 GA4 點左下角「管理」,進入「資料收集和修改 → 資料串流」,點選網站的資料串流,就能看到 G- 開頭的評估 ID,在「查看代碼操作說明」中可以取得完整追蹤碼。文中 UA- 開頭的追蹤 ID 屬於已停止的舊版。

怎麼確認 GA 追蹤碼有裝成功?

最快的方法是開啟 GA4 的「即時」報表,再用另一個瀏覽器或手機瀏覽自己的網站,幾秒到幾分鐘內就會看到一位使用者。也可以檢視網頁原始碼搜尋 G- 開頭的評估 ID,確認每一頁都有載入。

GA 報表的資料多久才會出現?

即時報表幾乎馬上就有資料;一般報表則需要時間處理,Google 說明處理時間可能長達 24 到 48 小時。剛裝好追蹤碼時一般報表是空的屬於正常,先用即時報表確認有收到資料即可。

結語

Google Analytics 追蹤碼原理 對於一般非自架站的網站管理員而言,在有相關技術部門或網站公司配合的狀況下其實意義不大,有任何 GA 資料追蹤的問題只要交給專業網頁技術人員處理就好,但從另一方面來說,如果自身對 Google Analytics 追蹤碼有一定程度的理解,也可以用於反向驗證 GA 追蹤碼是否有正確安裝,某種程度上也能確保網站資料在 GA 上正確轉換為可用數據。

鵠學苑・鵠崙設計鵠崙設計 2014 年成立,專注 WordPress 網站開發,400 多個網站在我們自己的主機上運作。鵠學苑的文章由團隊實際操作後整理,工具與外掛的功能以撰文當時為準。
鵠崙設計

不想自己摸索,
就交給我們做。

外掛設定、主機效能、改版搬家,這裡寫的每一件事,都是我們每天在客戶網站上做的工作。留下需求,1 個工作天內回覆。