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

本指南将介绍转化衡量功能在 AMP 着陆页上正常运行所需的设置和配置。

如需全面了解适用于 Google Ads 的 AMP,请参阅将 AMP 用于 Google Ads 着陆页,这是通过 Google Ads 部署 AMP 的分步指南。

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

背景

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

由于 AMP 着陆页通常从 AMP 缓存网域提供,因此它们无法将 GCLID 存储在您网域上的 Cookie 中。您需要在 AMP 着陆页上设置代码,以便通过网址中的查询参数在指向您网站网页的出站链接上传递 GCLID。然后,您网站上的代码便可从查询参数中检索该 GCLID,并将该 GCLID 作为 Cookie 存储在您的网域中。

前提条件

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

基本配置

第 1 步:在 AMP 着陆页上添加代码

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

选项 1:Google 代码

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

默认情况下,它还支持将 GCLID 转化 ID 从 AMP 缓存传递到规范网域网页(也就是说,如果您的 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,您可以指定任何 Google 产品(例如Google Ads 或 Search Ads 360)访问,但仅限使用一个产品 ID。

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

第 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,您可以指定任何 Google 产品(例如Google Ads 或 Search Ads 360)访问,但仅限使用一个产品 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 网页。在这些情况下,请按照 Google Ads 如何跟踪网站转化中的说明操作。

本部分介绍了您希望衡量 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>

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

限制

如果用户没有转到下一页就关闭 AMP 网页,则不会发生转化关联,因为 GCLID 传递功能需要使用链接装饰才能正常运行。