为 AMP 着陆页设置 Google Ads 转化衡量

本指南介绍了在 AMP 着陆页上正确衡量转化所需的设置和配置。

如需全面了解 Google Ads 的 AMP,请参阅将 AMP 网页用作 Google Ads 着陆页,其中详细介绍了如何将 AMP 与 Google Ads 搭配使用。

如果您使用 Google Analytics(分析),请务必按照为 AMP 网页设置 Google Analytics(分析)会话统一中的步骤操作,以便在 AMP 网页和您网站的其他网页之间正确拼接用户会话。如果您使用 Google Analytics(分析)中的目标/转化导出功能,或者将 Google Ads 与 Google Analytics(分析)相关联,建议您配置 Google Analytics(分析)。

背景

为了准确衡量转化情况,广告点击会将 GCLID(“Google 点击标识符”)传递给您的着陆页。着陆页会将 GCLID 存储在您网域中的 Cookie 中,然后 GCLID 参数会包含在您网站上的转化代码中。如需了解详情,请参阅 Google Ads 如何跟踪网站 转化

由于 AMP 着陆页直接从您自己的网域提供,因此它们可以将 GCLID 存储在您网域中的 Cookie 中。如果您的 AMP 着陆页和转化页位于无法共享 Cookie 的不同网域或子网域中,您必须使用网址中的查询参数将 GCLID 传递到您网站网页的出站链接。然后,您网站网页上的代码可以从查询参数中检索 GCLID,并将 GCLID 作为 Cookie 存储在您的网域中。

前提条件

请务必启用 Google Ads 自动标记功能,以便在所有浏览器中衡量您网站上的 转化。

基本配置

第 1 步:AMP 着陆页上的代码

如需使用 amp-analytics 组件,请先在 AMP 网页的标头中添加所需脚本。然后,您可以使用 amp-analytics 通过 Google 代码或 Google 跟踪代码管理器配置 Google Ads 代码。

选项 1:Google 代码

在 AMP 着陆页上使用适用于 AMP 的默认 Google 代码并添加转化 ID,会将网站访问者添加到“所有 访问者”再营销名单(如果您已设置再营销)。

它还默认启用 GCLID 传递(即,如果您的 AMP 着陆页托管在与您网站网页的出站链接相同的网域或子网域中,则默认关联转化)。在以下示例 代码段中,请使用您自己的 ads conversion ID

<amp-analytics type="gtag" data-credentials="include">
<script type="application/json">
{
  "vars" : {
    "gtag_id": "ads conversion id",
    "config" : {
      "ads conversion id": { "groups": "default" }
    }
  }
}
</script>
</amp-analytics>

对于 gtag_id,您可以指定在 AMP 网页上使用的任何 Google 产品(如 Google Ads 或 Search Ads 360)的 ID,但只能使用一个产品 ID。

选项 2:Google 跟踪代码管理器

  • 创建 GTM AMP 容器,并将默认代码 段添加到 AMP 网页。
  • 在 Google Tag Manager AMP 容器中添加转化链接器 代码,以将 GCLID 参数添加到出站链接。
  • 如果您使用 Google Analytics(分析),请同时选择启用跨网域关联启用与 Google Analytics(分析)Client-ID 的关联 以实现会话统一。如需了解详情,请参阅为 AMP网页设置 Google Analytics(分析)会话统一。

第 2 步:非 AMP 网页上的代码

查看以下选项,了解非 AMP 网页上所需添加的代码。对于以下每个选项,请按照 Google Ads 如何跟踪网站 转化中的 详细说明操作。

选项 1:Google 代码

如此处所述

  • 将 Google 代码段放置在您网站的所有网页中。
  • 在转化页上,使用事件代码段,该代码段可以放置在源代码中 Google 代码段之后的任意位置。

选项 2:Google 跟踪代码管理器

在 Google 跟踪代码管理器网络容器中:

  • 创建 Google 跟踪代码管理器 Google Ads 转化 代码。
  • 在 Google 跟踪代码管理器网络容器中启用转化链接器代码。

如果您的网站网页上的跟踪代码管理器代码段是在 iframe 中加载的,请确保还为转化链接器代码配置了跨网域 链接,并启用了接受传入的 链接器参数

高级配置:设置跨网域转化衡量

如果 AMP 网页位于非标准子网域(即 不是 www.m.amp.),或者 AMP 网页链接到位于不同顶级网域的网页,则需要进行额外配置,以确保转化衡量正常运行。

第 1 步:AMP 着陆页上的代码

您可以使用 Google 代码或 Google 跟踪代码管理器配置 Google Ads 代码。

选项 1:Google 代码

  • 在 AMP 网页上植入适用于 AMP 的 Google 代码
  • 添加以下适用于 AMP 网页的代码段:
    • ads conversion id 替换为您的实际 Google Ads 转化 ID。
    • 使用 domains 添加托管您的 AMP 网页的网域以及任何目标网域或子网域。
<amp-analytics type="gtag" data-credentials="include">
<script type="application/json">
{
"vars" : {
    "gtag_id": "ads conversion id",
    "linker": { "domains": ["subdomain1.example.com", "subdomain2.example.com","www.example2.com"] },
    "config" : {
      "ads conversion id": { "groups": "default" }
    }
  }
}
</script>
</amp-analytics>

对于 gtag_id,您可以指定在 AMP 网页上使用的任何 Google 产品(如 Google Ads 或 Search Ads 360)的 ID,但只能使用一个产品 ID。

选项 2:Google 跟踪代码管理器

  • 创建 Google 跟踪代码管理器 AMP 容器并部署 符合 AMP 标准的代码。
  • 向 AMP 容器添加 转化链接器 代码
  • 以逗号分隔列表的形式添加托管您的 AMP 网页的网域以及任何出站链接的网域。

  • 将以下默认 Google 跟踪代码管理器 AMP 代码段添加到 AMP 网页:

    <!-- Google Tag Manager -->
    <amp-analytics config="https://www.googletagmanager.com/amp.json?id=
      <GTM_CONTAINER_ID>&gtm.url=SOURCE_URL" data-credentials="include">
    </amp-analytics>
    

第 2 步:非 AMP 网页上的代码

非 AMP 网页可以使用 gtag.js、Google 跟踪代码管理器或 analytics.js 进行标记:

选项 1:Google 代码

  • 在非 AMP 网页上添加以下代码段:

    • ads conversion id 替换为正确的 Google Ads 转化 ID。
    • 使用 domains 添加托管您的 AMP 网页的网域以及任何目标网域或子网域。
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', '<var>ads conversion id</var>', {
        'linker': {
          'domains': ['subdomain1.example.com','subdomains2.example.com','www.example2.com']
        }
      });
    </script>
    

选项 2:Google 跟踪代码管理器

选项 3:Analytics.js

对于非 AMP 网页,您可以使用默认的 analytics.js代码段来 读取 AMP 链接器参数。

<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'GA_MEASUREMENT_ID', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

(可选)如果托管您的 AMP 网页的网域并非您网站的出站链接所在的顶级网域,或者如果 AMP 网页并非位于知名子网域(即 www.amp.m.)上,请添加下面突出显示的配置(如 analytics.js 的跨网域配置中所述):

<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'GA_MEAUSREMENT_ID', 'auto', {'allowLinker': true});
ga('require', 'linker');
ga('linker:autoLink', ['subdomain1.example.com', 'subdomains2.example.com', 'www.example2.com'] );
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

可选配置

本部分介绍了 AMP 部署可能需要的其他可选配置。

AMP 网页上的转化事件

在大多数情况下,转化发生在用户历程中的后续网页(很可能不是 AMP 网页)。在这些情况下,请按照 How Google Ads tracks website conversions 中的说明操作。

本部分介绍了您希望在 AMP 着陆页本身上衡量转化的情况。

使用 Google 代码

在您想记录转化的网页上,将 Google Ads 事件代码段粘贴到触发器对象中。以下是需要在 AMP 转化页中显示的代码的完整示例,用于报告 Google Ads 转化。

<!-- Google tag (gtag) -->
  <amp-analytics type="gtag" data-credentials="include">
    <script type="application/json">
    {
      "vars": {
        "gtag_id": "ads conversion id",
        "config": {
          "ads conversion id": {
           "groups": "default"
          }
        }
      },
      "triggers": {
        "ads conversion label": {
          "on": "visible",
          "vars": {
            "event_name": "purchase",
            "transaction_id": "",
            "value": 15,
            "currency": "USD",
            "send_to": "ads conversion id/ads conversion label"
          }
        }
      }
    }
    </script>
  </amp-analytics>

请注意此 <amp-analytics> 代码中的以下字段:

  • gtag_id 字段包含 Google Ads 转化提供的 ID。
  • 您可以指定在 AMP 网页上使用的任何 Google 产品的 ID,但只能在 gtag_id 字段中使用一个 Google 产品的 ID。
  • 配置对象需要包含一个字段,用于您用来衡量 AMP 网站上活动的每个 Google 产品。
  • 如果您同时使用 Google Ads 和 Search Ads 360,请阅读本文 以获取更多 说明。
  • 在此示例中,amp-analytics 组件由“网页可见”事件触发。或者,您可以将转化配置为针对其他事件(例如按钮点击)触发。

使用 Google 跟踪代码管理器

在 Google 跟踪代码管理器 AMP 容器中,根据需要添加转化或再营销代码:

AMP 网页支持 来电跟踪,以便在 Google Ads 中启用转化跟踪。请注意,Safari 浏览器目前不支持此功能。

第 1 步:找到转化配置

首先,请按照有关为 Google Ads 账号设置附加电话信息的指南操作。创建来电 转化后,您必须从生成的代码中提取 一些配置参数,以便在 AMP 代码中使用。这可以通过使用全新 Google Ads 体验中的 Google 跟踪代码管理器配置或原始 Google Ads 体验中的来电跟踪代码段来完成。

选项 1:使用 Google Ads 界面

如需使用 Google 跟踪代码管理器提供的转化字段,请登录您的 Google Ads 账号,然后前往衡量转化账号设置。 然后按照以下步骤操作:

  1. 点击 + 以添加新的转化跟踪器,然后选择来电 选项。
  2. 在对话框中,选择点击您移动网站上电话号码的次数 ,然后点击继续
  3. 配置转化(包括所有相关字段),然后创建代码。
  4. 选择使用 Google 跟踪代码管理器 以查看配置。
  5. 使用提供的转化 ID 和转化标签配置下述 AMP 来电跟踪器。
选项 2:使用来电跟踪代码段
来电代码段变量 AMP 来电跟踪使用情况
ak 转化 ID
cl 转化标签

在此示例中,akcl 的值分别为 123456789_ABcDEFg12hI34567jK

<script>
(function(a,e,c,f,g,b,d){var h={ak:"123456789",cl:"_ABcDEFg12hI34567jK"};a[c]=a[c]||function(){(a[c].q=a[c].q||[]).push(arguments)};a[f]||(a[f]=h.ak);b=e.createElement(g);b.async=1;b.src="//www.gstatic.com/wcm/loader.js";d=e.getElementsByTagName(g)[0];d.parentNode.insertBefore(b,d);a._googWcmGet=function(b,d,e){a[c](2,b,h,d,null,new Date,e)}})(window,document,"_googWcmImpl","_googWcmAk","script");
</script>
第 2 步:配置 AMP 来电跟踪器

在 AMP 来电跟踪配置网址中使用上述获取的值。与其他 AMP 模块一样,您需要将 AMP 来电 跟踪 模块添加到网页的标头:

<head>
<script async custom-element="amp-call-tracking" src="https://cdn.ampproject.org/v0/amp-call-tracking-0.1.js"></script>
</head>

如需衡量来电转化,必须使用指向 Google Ads 来电跟踪配置的链接来装饰点击通话链接:

<amp-call-tracking
  config="https://www.googleadservices.com/pagead/conversion/7777777777/wcm?cl=AAAAAAAAAAAAA&tel=1800-123-4567&mode=1">
  <a href="tel:18001234567">+1-800-123-4567</a>
</amp-call-tracking>

如需使用此示例,请替换您的转化 ID(在此示例中为 7777777777)和转化标签(在此示例中为 AAAAAAAAAAAAA),这些 ID 和标签取自 Google Ads 转化设置期间提供的转化跟踪代码。请注意,tel 网址参数应与所含链接中的电话号码一致。

限制

如果用户没有前往下一页就关闭 AMP 网页,则不会发生跨不同网域的转化链接,因为跨网域链接需要使用链接装饰才能正常运行。