采用服务器端代码植入方式来加载 Google 脚本

本文面向使用服务器端代码植入并希望通过自己的服务器传送 Google 脚本的开发者。

借助服务器端代码植入，您可以从代码植入服务器（而不是 Google 的服务器）直接加载 Google 脚本，例如 gtm.js 或 gtag.js。这样，您就可以在第一方环境中传送数据。

准备工作

本指南假定您已经：

• 在跟踪代码管理器中设置服务器容器
• 设置代码植入服务器
• 配置自定义服务器网域

首先，请选择您的实现方式。

Google 跟踪代码管理器 Google 代码 (gtag.js)

第 1 步：配置客户端

为了在您的网络容器与代码植入服务器之间建立第一方环境，需要通过您的服务器加载 Google 脚本。

注意：如果您添加了 noscript，它将只通过第一方传送渠道加载网络容器，而所有依赖项仍将通过第三方端点加载。

如需通过您的服务器容器加载 Google 脚本，请执行下列操作：

选择实现方式后，即可查看相关说明。

第 2 步：更新脚本来源网域

默认情况下，跟踪代码管理器或 Google 代码 (gtag.js) 会从 Google 的服务器（例如 www.googletagmanager.com）加载其依赖项。您需要更新您网站上的脚本网址，以通过您自己的服务器加载依赖项。

选择实现方式后，即可查看相关说明。

第 3 步：验证脚本的来源

以下说明介绍了如何使用 Google Chrome 进行测试。您可以选择使用任何浏览器，但具体步骤可能会有所不同。

如需测试服务器容器能否正常加载依赖项，请执行下列操作：

1. 在新的浏览器标签页中打开您的网站。
2. 打开浏览器的开发者工具。在 Google Chrome 中，您可以在网页上的任意位置点击鼠标右键，然后选择检查。

3. 在开发者工具中，打开来源标签页。此窗口会显示您打开该网站时加载的所有依赖项。

   • ✅ 如果 gtm.js 从您指定的来源加载，则表示您的实现过程正确无误。

   

   • ❌ 如果来源标签页显示 gtm.js 的来源是 www.googletagmanager.com，则表示依赖项仍是从 Google 服务器加载的。

   

   • 如需检查您是否已在源代码中修改来源网址，请参阅第 2 步。
   • 查看相应代码是否已发布到网站上。

后续步骤

如果您使用了意见征求模式，则可以设置针对特定区域的代码行为，以实现更全面的控制。