Thanks for previewing Google's new tag platform documentation! This site is in public beta. (Feedback)

通过服务器端代码植入加载 Google 脚本

通过 Google 跟踪代码管理器中的服务器端代码植入,您可以从代码植入服务器(而不是从 Google 服务器)直接加载 Google 脚本,例如 gtm.js 或 gtag.js。

设置步骤

本文介绍了如何配置服务器容器,以便从代码植入服务器加载跟踪代码管理器网站容器。本文假定您已创建服务器容器

配置“Google 跟踪代码管理器:网站容器”客户端。

如果您希望通过部署跟踪代码管理器网站容器来将数据发送到代码植入服务器,请使用此选项。

  1. 在服务器容器工作区中,选择页面左侧的客户端
  2. 点击新建
  3. 选择 Google 跟踪代码管理器:网站容器客户端类型 选择突出显示“Google 跟踪代码管理器:网站容器”客户端的客户端类型对话框

  4. 客户端配置中,点击添加容器 ID 并输入您将在网站上使用的跟踪代码管理器网站容器的容器 ID。“Google 跟踪代码管理器:网站容器”客户端的配置

默认情况下,自动传送所有依存的 Google 脚本复选框处于选中状态。此操作会更新跟踪代码管理器网站容器的行为,以便从代码植入服务器请求其依赖项(如 gtm.js、gtag.js、analytics.js、ec.js 等)。如果您只想从代码植入服务器传送初始容器,请取消选中此选项。

更新跟踪代码管理器代码

如需从服务器容器加载脚本,请更新您网站上的跟踪代码管理器代码。

  1. 找到页面上的现有跟踪代码管理器代码,或者从跟踪代码管理器网站容器获取新的代码。
  2. 将字符串 https://www.googletagmanager.com 替换为您的代码植入服务器网址。

例如,如果您的代码植入服务器网址为 https://tagging.example.com,您的网站容器 ID 为 GTM-ABC,则最终代码将如下所示:

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://tagging.example.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-ABC);</script>
<!-- End Google Tag Manager -->

配置“Google Analytics(分析):GA4”客户端

如果您想在网页上部署 Google Analytics(分析)4 gtag,以便将数据发送到代码植入服务器,请使用此选项。

在服务器容器工作区中,选择页面左侧的客户端

  1. 点击新建
  2. 选择客户端类型中,选择 Google Analytics(分析):GA4 选择突出显示“Google Analytics(分析):GA4”客户端的客户端类型对话框

  3. 激活条件下,选中特定 ID 的默认 gtag.js 路径复选框

  4. 输入您将在网站上使用的衡量 ID “Google Analytics(分析):GA4”客户端的配置

默认情况下,自动传送所有依存的 Google 脚本复选框处于选中状态。此操作会更新代码的行为,以便同时从代码植入服务器请求其依赖项(如 gtag.js、analytics.js、ec.js 等)。如果您只想从代码植入服务器传送初始容器,请取消选中此选项。

使用 JavaScript 配置 Google Analytics(分析)4 代码

如果您通过跟踪代码管理器配置了“Google Analytics(分析):GA4”代码,则请按照上述指南配置您的跟踪代码管理器网站容器,以将数据发送到您的代码植入服务器。

要从服务器容器加载脚本,请在您的网站上更新 Google Analytics(分析)4 代码。

  1. 找到网页上的现有代码,或从 Google Analytics(分析)获取新代码。
  2. 将字符串 https://www.googletagmanager.com 替换为您的代码植入服务器网址。

例如,如果您的代码植入服务器网址为 https://tagging.example.com,衡量 ID 为 G-1234,则最终代码段将如下所示:

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://tagging.example.com/gtag/js?id=G-1234"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-1234', {
     transport_url: 'https://tagging.example.com',
     first_party_collection: true
  });
</script>

配置“Google Analytics(分析):Universal Analytics”。

如果您想在网页上部署 Universal Analytics gtag,以便将数据发送到代码植入服务器,请使用此选项。

在服务器容器工作区中,选择页面左侧的客户端

  1. 点击新建
  2. 选择 Google Analytics(分析):Universal Analytics 代码类型选择突出显示“Google Analytics(分析):Universal Analytics”客户端的客户端类型对话框

  3. 选中特定 ID 的默认 gtag.js 路径复选框

  4. 输入您将在网站上使用的衡量 ID “Google Analytics(分析):Universal Analytics”客户端的配置

默认情况下,自动传送所有依存的 Google 脚本复选框处于选中状态。此操作会更新代码的行为,以便同时从代码植入服务器请求其依赖项(如 gtag.js、analytics.js、ec.js 等)。如果您只想从代码植入服务器传送初始容器,请取消选中此选项。

使用 JavaScript 更新 Universal Analytics 代码

如果您通过跟踪代码管理器配置了 Universal Analytics 代码,请按照上述指南配置跟踪代码管理器网站容器。

要从服务器容器加载脚本,请更新网站上的 Universal Analytics 代码段。

  1. 找到页面上的现有代码段,或从 Google Analytics(分析)界面获取新的代码段。
  2. 在代码段中,将字符串 https://www.googletagmanager.com 替换为您的代码植入服务器网址。

例如,如果您的代码植入服务器网址为 https://tagging.example.com,您的跟踪 ID 为 UA-1234-1,则最终代码段将如下所示:

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://tagging.example.com/gtag/js?id=UA-1234-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-1234-1', {
     transport_url: 'https://tagging.example.com',
     first_party_collection: true
  });
</script>

限制

请注意,如果代码是从植入服务器传送的,则目前不支持特定于地区的意见征求行为