有問題可以在文章底部留言

如何用GTM裡的「環境」功能建立QA環境

Google Analytics Haran 2年前 (2024-12-06) 1358次瀏覽 0條留言

更新時間:2026年6月8號

這一篇介紹GTM裡的環境功能,以及如何在同一個GTM中管理 Development、Testing、Staging 與 Production 等不同環境。

認識GTM裡的環境

Environments(環境) 是GTM提供的一項實用功能,可讓你在同一個容器中區分不同網站環境,並搭配標準化的開發流程使用。

透過環境功能,你可以讓同一個GTM容器對應不同網站環境,例如:

環境 用途
Development(開發) 工程師撰寫、修改及測試程式碼的環境。
Testing / QA(測試) 測試人員進行功能測試、回歸測試及問題驗證的環境。
Staging / UAT(驗收) 模擬正式環境,由業務、產品或客戶進行驗收測試。
Production / Live(正式) 對外提供服務的正式環境,實際使用者存取的網站或應用程式。

什麼情況下需要使用環境?

當你希望在 同一個GTM容器 中,管理開發站、測試站、驗收站與正式站,並且能夠獨立發佈、獨立測試時,就非常適合使用GTM 的環境功能。

 

環境的使用

建立Testing(QA)環境

假設測試環境網址為:https://qa.haranhuang.com。

在GTM裡點擊「環境」——「容器」到環境的管理介面:

如何用GTM裡的「環境」功能建立QA環境

點擊右上角的「新增」,然後做如下設定:

如何用GTM裡的「環境」功能建立QA環境

然後點擊「建立環境」,因為這個環境是剛建立的,它是空的,它會提示你要將哪個版本的容易發佈到這個環境:

如何用GTM裡的「環境」功能建立QA環境

點擊「發佈至「QA」」,選擇最新容器版本,將其發佈,就可以,最後在環境管理界面可以看到新創建的QA環境:

如何用GTM裡的「環境」功能建立QA環境

安裝測試環境的GTM程式碼

在環境管理頁面中,點擊QA環境「動作」——「取得程式碼片段」:

如何用GTM裡的「環境」功能建立QA環境

就可以獲取測試環境的基礎代碼。

安裝方式和普通的GTM安裝是一樣的,將其安裝到 https://qa.haranhuang.com。

 

將變更發佈到測試環境

GTM設定好後,如何發佈到測試環境裡呢?

在GTM裡點擊「提交」:如何用GTM裡的「環境」功能建立QA環境

將“發佈到環境”改為QA測試環境,就可以發佈。

這樣變更就只會進入 QA 環境,不會影響正式站。

 

在測試環境中進行除錯

若要在 QA 環境中使用 GTM Preview/Debug 模式。

在環境管理界面,點擊QA環境「動作」——「共用連結」:

如何用GTM裡的「環境」功能建立QA環境

就可以看到共享連結:

 

如何用GTM裡的「環境」功能建立QA環境

直接複製共享連結在瀏覽器打開就會進入調試狀態。

 

用對照表區分不同的環境

在同一個GTM上管理多個環境,我們需要將不同環境的資料發送到不同的評估ID,這就需要使用對照表變數

假設不同環境對應的網域是:

環境 網域 評估ID
Development dev.haranhuang.com 評估ID-1
Testing qa.haranhuang.com 評估IID-2
Stagging uat.haranhuang.com 評估ID-3
Production www.haranhuang.com 評估ID-4

先在GTM裡配置網域變數,在GTM中點擊「變數」——「新增」——「請選擇變數類型以開始設定…」——「網址」,命名為hostname,做如下設定:如何用GTM裡的「環境」功能建立QA環境

 

在GTM中點擊「變數」——「新增」——「請選擇變數類型以開始設定…」——「對照表」,命名為Different measurement IDs,做如下設定:

如何用GTM裡的「環境」功能建立QA環境

變數Different measurement IDs就可以直接用於GA4的設定,它會自動基於網域將資料發送到不同的GA4。


如果您在操作上仍有任何疑問,歡迎留言交流,或加入:Google Analytics 4交流社團發問
Like (0)
發佈我的留言
取消留言
表情 贴图 加粗 删除线 居中 斜体

Hi,*为發佈留言必須填寫。

  • 顯示名稱*
  • 電子郵件地址*
  • 個人網站網址