通知

G Suite 現已更名為 Google Workspace:滿足您業務需求,大幅提升工作效率。

[GA4] 在 Google 代碼管理工具中設定 Google Analytics (分析) 4

本文對象:想在 Google 代碼管理工具中維護 Google Analytics (分析) 4 代碼的使用者。這篇文章說明需要採取哪些步驟,Google 代碼管理工具網站容器才能將事件傳送到 GA4。
如要進一步瞭解如何設定 GA4,請參閱「設定 Analytics (分析)」一文。
Google Analytics (分析):GA4 設定代碼現已更名為 Google 代碼

如果您使用 GA4 設定代碼,系統已將這些代碼自動升級為 Google 代碼。您使用的評估工具和各項功能仍會照舊運作,您無須採取任何行動。

GA4 事件代碼會維持不變。

您可以使用 Google 代碼管理工具集中設定及管理 GA4 事件。如要從 Google 代碼管理工具將事件資料傳送到 GA4,您必須結合使用下列兩種代碼:

  • Google 代碼
    Google 代碼會將網站資料傳送到 Google Analytics (分析),以及您設定的其他目的地。請為每個網域建立一個 Google 代碼,並將代碼加進您要評估的每個網站。
  • Google Analytics (分析):GA4 事件
    透過 GA4 事件代碼,您不用編寫程式碼,就能在網站上設定事件。事件資料會顯示在 GA4 報表中。
    您可以視需求建立不限數量的事件代碼,用來評估建議事件或自訂事件。

這張圖表顯示 Google 代碼管理工具和網站/應用程式及 Google Analytics (分析) 4 之間的關係。Google Analytics (分析) 設定代碼可確保資料能夠從您的網站傳送至 Google Analytics (分析)。使用事件代碼,您不需要編寫程式碼就能設定事件。

本文說明如何設定 GA4 設定代碼。

Google 代碼在 GA4 中的運作方式

Google 代碼可透過下列方式,載入特定網頁的 Google Analytics (分析) 4 資源:

參數簡介

參數是一種鍵/值組合 (例如 'currency': 'USD'),可提供您網頁上事件或配置設定的相關額外資訊。Google 代碼會配合自動收集的事件和建議事件,傳送事件參數。

如要進一步瞭解事件,請新增參數。您可以查詢預先定義的參數名稱,也可以視需要建立自訂參數。

舉例來說,當使用者將產品加入購物車時,Google 代碼就會傳送 add_to_cart 事件。如要取得詳細的商品資料,您可以對該事件的參數進行編碼,例如產品名稱和價格。

在多個代碼之間共用參數

為使所有代碼的資料保持一致,您可以使用配置和事件設定變數設定共用參數。Google 代碼可沿用設定變數 (例如評估 ID、使用者 ID 等) 中的參數。

GA4 事件代碼會沿用 Google 代碼的參數。由 Google 代碼設定的參數,在相同網頁上發生的所有事件中會保持不變。只有在 Google 代碼再次觸發時,系統才會重新整理參數,通常是下次載入網頁時。

如果 GA4 事件代碼的參數與 Google 代碼參數同名,GA4 事件代碼參數值會覆寫 Google 代碼的參數值,但這只適用於該事件。參數名稱不同的所有其他 GA4 事件代碼,都會繼續參照 Google 代碼一開始設定的參數值。

事前準備

請務必先完成下列事項,再按照本指南的說明操作:

此外,您也需要具備下列權限:

  • 網站的代碼管理工具容器存取權
  • Google Analytics (分析) 帳戶的「編輯者」(或更高層級) 角色

設定 Google 代碼

步驟 1:建立 Google 代碼

請先建立 Google 代碼,將資料傳送到 Analytics (分析) 資源。

  1. 開啟 Google 代碼管理工具
  2. 選取要設定的容器,並開啟 「代碼」選單。
  3. 建立新的代碼。在頂端輸入代碼名稱 (例如「Google 代碼設定 - example.com」)。
  4. 在「代碼設定」方塊中,選取 「Google 代碼」
  5. 設定代碼。在「代碼 ID」欄位中輸入 Google 代碼 ID。

    哪裡可以找到我的 Google 代碼 ID?

    您可以在 Google Ads、Google Analytics (分析) 和 Google 代碼管理工具中找到 Google 代碼設定。請登入產品,然後按照以下操作說明查看代碼 ID:

    Google Ads 操作說明

    Google Analytics (分析) 操作說明

    1. 前往「管理」頁面,然後點選「資料收集和修改」下方的「資料串流」
    2. 按一下串流查看詳細資料。
    3. 結果:畫面應該會顯示 Google Analytics (分析) 和 Google 代碼的設定。Google Analytics (分析) 4 資料串流設定的螢幕截圖。Google 代碼設定位於資料串流設定中

    Google 代碼管理工具操作說明

    注意:您必須使用容器管理 Google Ads、Analytics (分析) 或 Google 代碼,才能在 Google 代碼管理工具中查看 Google 代碼 ID。

    1. 開啟 Google 代碼管理工具
    2. 按一下「Google 代碼」分頁標籤,查看先前設定的 Google 代碼。
      Google 代碼管理工具中的 Google 代碼簡介
    3. 按一下代碼名稱編輯 Google 代碼設定。
  6. 選用:您可以設定其他配置選項,控管 Google 代碼與目的地的通訊方式。如果您已設定 Google 代碼,並想保留所有預設設定,現在可跳至「步驟 2:建立觸發條件」。

選用設定

全域參數設定

如需在多個 Google 代碼中建立共通內容,您可以直接在網站上使用 gtag.js 指定全域參數。

網站上的所有 Google 代碼都會讀取全域參數,請勿使用於機密資料。

如想進一步瞭解如何在多個代碼中重複使用參數,請參閱開發人員說明文件

配置設定

您可以指定會影響 Google 代碼設定的其他設定參數

如要在 Google 代碼中重複使用設定,請建立配置設定變數

共用事件設定

您可以指定與每個事件一起傳送的額外參數,例如價格的 currency (幣別)。事件參數僅適用於參數所在的代碼。

如要在 Google 代碼中重複使用事件設定,請建立「Google 代碼事件設定」變數使用建議事件參數名稱,Google Analytics (分析) 就能為您填入維度和指標。

將資料傳送至標記伺服器

使用伺服器端代碼設定,將部分代碼從網站/應用程式移至伺服器,有助於提升成效。進一步瞭解伺服器端代碼

如要將所有事件傳送至代碼管理工具的伺服器容器 (而非 Google Analytics (分析)),請設定下列參數:

  1. 開啟「配置設定」選單。
  2. 新增設定參數,完成伺服器容器網址設定:
    • 名稱:server_container_url
    • 值:設為代碼管理工具伺服器容器的網址

結果:設定參數應如下所示:螢幕截圖:在 Google 代碼中導入伺服器端代碼。

設定使用者屬性

使用者屬性是用來描述使用者族群的屬性,例如語言偏好設定或地理位置。您可以使用使用者屬性來定義目標對象。

舉例來說,您可以設定名為 favorite_food 的使用者屬性,用於記錄每位使用者喜愛的食物。您可以使用這項資料,根據使用者喜愛的食物區隔使用者。

Analytics (分析) 會自動收集部分使用者維度,因此您不必定義這些維度的使用者屬性。每項 Google Analytics (分析) 4 資源最多可額外設定 25 項使用者屬性。

如要評估自訂使用者屬性,請建立一個新的「Google 代碼事件設定」變數,然後指派給 Google 代碼。

7. 儲存 Google 代碼。

步驟 2:建立觸發條件

接下來請設定觸發條件,在有人載入您的網站時載入 Google 代碼

  1. 為確保 Google 代碼在其他觸發條件之前觸發,請按一下「觸發條件」,然後使用「初始化 - 所有網頁」做為觸發條件。進一步瞭解網頁觸發條件
  2. 輸入代碼名稱儲存代碼設定。

結果

代碼設定應該會如下所示:

螢幕截圖:設定完成的 Google 代碼

步驟 3:確認代碼正常運作

確保代碼正常運作的步驟如下:

  1. 在「工作區」中按一下「預覽」,Tag Assistant 便會隨即開啟。
  2. 輸入您網站的網址。
  3. 檢查網頁載入時是否觸發「Google Analytics (分析):GA4 設定」
    • ✅ 如果您的代碼觸發成功,Tag Assistant 使用者介面看起來會像這樣:螢幕截圖:Google Tag Assistant 中成功設定完成的 Google 代碼
    • ❌ 如果您的代碼未觸發,請檢查代碼的觸發條件設定。
  4. 偵錯完成後,請關閉預覽模式。
  5. 在「工作區」中按一下「提交」,即可發布變更

後續步驟

您的代碼管理工具容器現在已經可以與 Google Analytics (分析) 資源通訊,因此請在網站中加入事件代碼。

設定 GA4 事件代碼

這對您有幫助嗎?

我們應如何改進呢?
搜尋
清除搜尋內容
關閉搜尋
主選單
885445641672661212
true
搜尋說明中心
true
true
true
true
true
102259
false
false