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

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

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

准备工作

本指南假定您已经:

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

第 1 步:配置客户端

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

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

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

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

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

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

第 3 步:验证脚本的来源

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

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

  1. 在新的浏览器标签页中打开您的网站。
  2. 打开浏览器的开发者工具。在 Google Chrome 中,您可以在网页上的任意位置点击鼠标右键,然后选择检查
  3. 在开发者工具中,打开来源标签页。此窗口会显示您打开该网站时加载的所有依赖项。

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

    开发者工具的屏幕截图,其中显示 Google 脚本的来源是您自己的服务器

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

    开发者工具的屏幕截图,其中显示 Google 脚本的来源是 www.googletagmanager.com

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

后续步骤

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