用GTM里的「环境」去创建QA测试环境

更新时间：2024年12月8号

这一篇介绍GTM里的环境。

认识GTM里的环境

Environments，叫环境，是GTM里非常实用的一个功能，它可以区分不同的环境，满足标准化的开发流程。

什么情况下需要使用环境？

对于大型企业来说，标准化的网站开发流程是需要经过：Development、Testing、Staging、Production

• Development ：工程师开发写代码
• Testing ：也叫QA，测试人员针对开发的代码做各种测试
• Staging：也叫UAT，业务部门测试验收
• Production：也叫Live ，发布到正式

当你需要在同一个GTM上区分不同环境网站的时候，如Development、Testing、Staging、Production，就需要使用环境功能。

环境的使用演示

创建测试环境

接下来看如何创建一个Testing环境，假设Testing环境的网址是https://qa.ichdata.com。

在GTM里点击「环境」——「容器」到环境的管理介面：

点击右上角的「新增」，然后做如下设定：

然后点击「建立环境」，因为这个环境是刚建立的，它是空的，它会提示你要将哪个版本的容易发布到这个环境：

点击「发布至“QA”」，选择最新容器版本，将其发布，就可以，最后在环境管理界面可以看到新创建的QA环境：

安装环境基础代码

在环境管理界面，点击QA环境「操作」——「取得代码片段」：

就可以获取测试环境的基础代码：

安装方式和普通的GTM安装是一样的，将其安装到 https://qa.ichdata.com。

发布版本到测试环境

GTM设定好后，如何发布版本到测试环境里呢？

在GTM里点击「提交」：

将“发布到环境”改为QA测试环境，就可以发布。

测试环境做调试

接下来看如何在测试环境里做调试。

在环境管理界面，点击QA环境「操作」——「共享链接」：

就可以看到共享链接：

直接复制共享链接在浏览器打开就会进入调试状态。

用对照表去管理多环境下的多个衡量ID

在同一个GTM管理多个环境的时候，需要将不同环境的数据发送到不同的衡量ID（不同的GA4），实现数据的隔离，如测试数据只发送到测试的GA4，正式环境的数据只发送到正式环境的GA4，这就需要用到对照表。

假设不同环境对应的主机名和衡量ID分别是：

先获取主机名，在GTM中点击「变量」——「新建」——「选择一个变量类型以开始设置… 」——「网站」，然后做如下设置：

hostname是获取当前的主机名，你也可以用环境变量去做对照。

在GTM中点击「变量」——「新建」——「选择一个变量类型以开始设置… 」——「对照表」，然后做如下设置：

输入变量里选择上一步创建的hostname变数，我们是需要对它做对照的。

变量Different measurement IDs就可以用于GA4的设置，它会自动基于访问页面的主机名，将数据发送到不同的GA4。

延伸阅读：「GTM」用对照表去管理多环境下的多个衡量ID

总结

这个功能非常适合采用标准化的网站开发流程，对于企业网站，推荐使用该功能。