感谢您预览 Google 的新代码平台文档!此网站为公开 Beta 版。(反馈

添加 Google 代码 (gtag.js)

使用集合让一切井井有条 根据您的偏好保存内容并对其进行分类。

从产品获取代码

通过点击以下任一链接,您可以找到特定产品的 Google 代码段。每个产品都会生成 Google 代码,您可以将其复制并粘贴到您网站的每个网页中:

为网站添加代码

您应将 Google 代码放置在您网站的每个网页中,紧跟在起始 <head> HTML 标记之后。例如,如果您的网页如下,您应将 Google 代码添加到源代码中的以下位置:

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Your tag goes here -->

    <title>The title of the page</title>
</head>
<body>
    <!-- The part of your site that's shown to users -->
</body>
</html>

在代码中添加多个产品

每个网页应只包含一段 Google 代码。请不要为其他各产品复制并粘贴新的 Google 代码,因为这可能会导致性能问题,您的代码也可能会变得更难以维护。

如果您已经为一种产品添加了 Google 代码,则可以通过纳入 config 行来添加更多产品。请参考以下示例,了解如何在现有 Google 代码中添加多个产品。

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments)};
  gtag('js', new Date());

  gtag('config', 'TAG_ID');
  gtag('config', 'DC-ZZZZZZ');
</script>

如需详细了解如何管理多个产品的数据,请参阅分组并以路由方式发送数据

创建您自己的代码

您也可以构建自己的代码。请从以下产品标签页中进行选择,复制代码,然后将其放置在您网站的每个网页中,紧跟在 <head> 标记之后。将 TAG_IDDC-ZZZZZZ 占位符替换为相应的代码 ID 或产品 ID。

Google Analytics(分析)

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'TAG_ID');
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments)};
  gtag('js', new Date());

  gtag('config', 'TAG_ID');
</script>

Floodlight

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=DC-ZZZZZZ"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments)};
  gtag('js', new Date());

  gtag('config', 'DC-ZZZZZZ');
</script>