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

這一篇介紹GTM裡的環境。

認識GTM裡的環境

Environments，叫環境，是GTM裡非常實用的一個功能，它可以區分不同的環境，滿足標準化的開發流程。

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

對於大型企業來說，標準化的網站開發流程是需要經過：Development、Testing、Staging、Production

• Development ：工程師開發編寫代碼
• Testing ：也叫QA，測試人員針對開發的代碼做各種測試
• Staging：也叫UAT，業務部門測試驗收
• Production：也叫Live ，發佈到正式

當你需要在同一個GTM上區分不同環境網站的時候，如Development、Testing、Staging、Production，就需要使用環境功能。

環境的使用

創建測試環境

接下來看如何創建一個Testing環境，假設Testing環境的網址是https://qa.haranhuang.com。

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

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

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

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

安裝測試基礎代碼

在環境管理界面，點擊QA環境「動作」——「取得程式碼片段」：

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

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

發佈到測試環境

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

在GTM裡點擊「提交」：

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

測試環境做調試

接下來看如何在測試環境裡做調試。

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

就可以看到共享連結：

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

用對照表區分不同的環境

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

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

先在GTM裡配置網域變數，在GTM中點擊「變數」——「新增」——「請選擇變數類型以開始設定…」——「網址」，命名為hostname，做如下設定：

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

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

延伸閱讀：「GTM」用對照表管理多環境下的多個評估ID