為 AMP 到達網頁設定 Google Ads 轉換評估

本指南說明在 AMP 到達網頁上評估轉換成效所需的設定。

如要完整瞭解 Google Ads 的 AMP，請參閱「使用 AMP 打造 Google Ads 到達網頁」，這份逐步指南說明如何搭配 Google Ads 部署 AMP。

如果您使用 Google Analytics，請按照「設定 AMP 專用 Google Analytics 工作階段統合」一文中的步驟操作，將 AMP 網頁和網站其他部分的使用者工作階段整合。如果您根據 Google Analytics 重要事件建立 Google Ads 廣告轉換，或將 Google Ads 連結至 Google Analytics，建議您設定 Google Analytics。

背景

為準確評估轉換，廣告點擊會將 Google 點擊 ID (GCLID) 傳遞至到達網頁。到達網頁會將 Google 點擊 ID 儲存在網域的 Cookie 中，然後將 Google 點擊 ID 參數納入網站的轉換代碼。詳情請參閱「Google Ads 如何追蹤網站轉換」。

AMP 到達網頁會直接從您的網域放送，因此可以將 Google 點擊 ID 儲存在網域的 Cookie 中。如果 AMP 到達網頁和轉換網頁位於不同網域或子網域，無法共用 Cookie，則必須使用網址中的查詢參數，將 Google 點擊 ID 傳遞至網站網頁的出站連結。這樣一來，網站網頁上的代碼就能從查詢參數擷取 Google 點擊 ID，並將 Google 點擊 ID 以 Cookie 的形式儲存在網域中。

修課條件

啟用 Google Ads 自動標記，評估網站上所有瀏覽器的轉換。

基本設定

步驟 1：AMP 到達網頁上的代碼

如要使用 amp-analytics 元件，請先在 AMP 網頁的 <head> 元素中加入必要指令碼。接著，您可以使用 Google 代碼或 Google 代碼管理工具，透過 amp-analytics 元件設定 Google Ads 代碼。

選項 1：Google 代碼

在 AMP 到達網頁上使用預設的 AMP 專用 Google 代碼和 Google Ads 代碼 ID，即可將網站訪客加進「所有訪客」再行銷名單 (如已設定再行銷)。

這項設定也會將 Google 點擊 ID 儲存在網域的第一方 Cookie 中，並預設透過標準子網域 (www.、m. 和 amp.) 傳遞 Google 點擊 ID。在下列程式碼片段範例中，請將 AW-CONVERSION_ID 替換為 Google Ads 代碼 ID (例如 AW-123456789)：

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

在 gtag_id 欄位中，您可以指定 AMP 網頁上使用的任何 Google 產品 (例如 Google Ads 或 Search Ads 360) 的代碼 ID，但 gtag_id 只能包含一個產品 ID。

選項 2：Google 代碼管理工具

步驟 2：非 AMP 網頁上的代碼

請參閱下列選項，瞭解非 AMP 網頁所需的代碼。請按照「Google Ads 如何追蹤網站轉換」一文中的詳細操作說明，完成下列各個選項。

選項 1：Google 代碼

請按照 Google 代碼設定操作說明進行：

  • 在網站的所有網頁上加入 Google 代碼片段。
  • 在轉換頁上，將事件程式碼片段安插在程式碼中 Google 代碼片段之後的任何位置。

選項 2：Google 代碼管理工具

在 Google 代碼管理工具網站容器中：

  • 建立 Google 代碼管理工具 Google Ads 轉換代碼。
  • 在 Google 代碼管理工具網站容器中新增轉換連接器代碼，並 設定在「所有網頁」觸發。

如果網站網頁上的代碼管理工具程式碼片段在 iframe 中載入，請在轉換連接器代碼中選取「啟用跨網域連結」和「接受傳入的連接器參數」。

進階設定：設定跨網域轉換評估

如果 AMP 網頁位於非標準子網域 (即「不是」www.、m.或 amp.)，或連結至其他頂層網域的網頁，請完成下列跨網域設定。

步驟 1：AMP 到達網頁上的代碼

您可以使用 Google 代碼或 Google 代碼管理工具，設定 Google Ads 代碼。

選項 1：Google 代碼

  • 在 AMP 網頁上導入 AMP 專用 Google 代碼。
  • 將下列程式碼片段加入 AMP 網頁：
    • 將 AW-CONVERSION_ID 替換為 Google Ads 代碼 ID (例如 AW-123456789)。
    • 在 domains 陣列中，加入代管 AMP 網頁的網域，以及任何目的地網域或子網域。
<amp-analytics type="gtag" data-credentials="include">
<script type="application/json">
{
  "vars" : {
    "gtag_id": "AW-CONVERSION_ID",
    "linker": { "domains": ["subdomain1.example.com", "subdomain2.example.com", "www.example2.com"] },
    "config" : {
      "AW-CONVERSION_ID": { "groups": "default" }
    }
  }
}
</script>
</amp-analytics>

在 gtag_id 欄位中，您可以指定 AMP 網頁上使用的任何 Google 產品 (例如 Google Ads 或 Search Ads 360) 的代碼 ID，但 gtag_id 只能包含一個產品 ID。

選項 2：Google 代碼管理工具

  • 建立 Google 代碼管理工具 AMP 容器，並部署符合 AMP 規範的代碼。
  • 在 AMP 容器中新增轉換連接器代碼。
  • 選取「啟用跨網域連結」，然後在「自動連結網域」中，輸入代管 AMP 網頁的網域，以及出站連結的任何到達網域 (以逗號分隔的清單形式)。
  • 在 AMP 網頁中加入預設的 Google 代碼管理工具 AMP 程式碼片段，並將 GTM_CONTAINER_ID 替換為容器 ID (例如 GTM-XXXXXX)：
<!-- 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 網頁上的代碼

使用 Google 代碼或 Google 代碼管理工具，在非 AMP 網頁上設定代碼。

選項 1：Google 代碼

  • 在非 AMP 網頁中加入下列 Google 代碼片段：
    • 將 AW-CONVERSION_ID 替換為 Google Ads 代碼 ID (例如 AW-123456789)。
    • 在 domains 陣列中，加入代管 AMP 網頁的網域，以及任何目的地網域或子網域。
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-CONVERSION_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'AW-CONVERSION_ID', {
    'linker': {
      'domains': ['subdomain1.example.com', 'subdomain2.example.com', 'www.example2.com']
    }
  });
</script>

選項 2：Google 代碼管理工具

選用設定

本節說明部署 AMP 時可能需要的其他選用設定。

AMP 網頁上的轉換事件

在多數情況下，轉換會發生在使用者歷程的後續網頁 (可能不是 AMP 網頁)。在這種情況下，請按照「Google Ads 如何追蹤網站轉換」一文的操作說明進行。

本節說明如何評估 AMP 到達網頁本身的轉換。

使用 Google 代碼

在要記錄轉換的 AMP 網頁上，將轉換觸發條件新增至 triggers 物件。以下範例顯示 AMP 轉換網頁上的完整代碼，用於回報 Google Ads 廣告轉換：

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

請注意這個 <amp-analytics> 標記中的下列欄位：

  • gtag_id 欄位包含 Google Ads 廣告轉換提供的代碼 ID (例如 AW-123456789)，CONVERSION_LABEL 則是轉換動作的轉換標籤。
  • 您可以指定 AMP 網頁上使用的任何 Google 產品代碼 ID，但 gtag_id 欄位只能包含一個產品 ID。
  • config 物件必須為您用來評估 AMP 網站活動的每項 Google 產品包含一個項目。
  • 如果您同時使用 Google Ads 和 Search Ads 360，請參閱「Google 代碼和事件程式碼片段的技術細節」，查看 Search Ads 360 AMP 代碼範例。
  • 在本範例中，amp-analytics 元件會在網頁 visible 事件中觸發。或者，您也可以將轉換設為在其他事件 (例如按鈕 click) 觸發。

使用 Google 代碼管理工具

在 Google 代碼管理工具 AMP 容器中，新增 Google Ads 轉換追蹤或 Google Ads 再行銷代碼，並設定轉換事件的觸發條件。

Google Ads 的 AMP 網頁支援來電轉換追蹤。

步驟 1：找出轉換設定

首先，請在 Google Ads 帳戶中設定電話素材資源，並建立網站來電轉換動作。建立轉換動作後，請從 Google 代碼管理工具設定選項或 Google 代碼電話程式碼片段，擷取數字轉換 ID 和轉換標籤。

方法 1：在 Google Ads 中使用 Google 代碼管理工具設定選項
  1. 登入 Google Ads 帳戶，然後依序選取「目標」>「轉換」>「摘要」。
  2. 選取「+ 建立轉換動作」(或「新增轉換動作」)，然後按照「設定來電轉換」一文的說明，建立網站來電轉換動作。
  3. 在代碼設定步驟中，選取「使用 Google 代碼管理工具」。
  4. 複製「轉換 ID」和「轉換標籤」，以便在步驟 2 的 AMP 通話追蹤設定中使用。
方法 2：從 Google 代碼電話程式碼片段擷取值

如果您在代碼設定期間選取「自行加入代碼」，Google Ads 會產生類似下列範例的電話程式碼片段：

<script>
  gtag('config', 'AW-123456789/_ABcDEFg12hI34567jK', {
    'phone_conversion_number': '1-800-123-4567'
  });
</script>

從 gtag('config', ...) 目標字串中擷取數字轉換 ID (不含 AW- 前置字元) 和轉換標籤：

電話程式碼片段值 AMP 通話追蹤參數 範例值
AW- 之後的數字 ID 轉換 ID (路徑區隔) 123456789
/之後的字串 轉換標籤 (cl 查詢參數) _ABcDEFg12hI34567jK

步驟 2：設定 AMP 通話追蹤

在 AMP 網頁的 <head> 元素中加入 amp-call-tracking 元件指令碼：

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

如要評估來電轉換，請將點選撥號 <a> 連結包裝在指向 Google Ads 通話追蹤端點的 <amp-call-tracking> 元素中：

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

更改下列內容：

  • CONVERSION_ID：不含 AW- 前置字元的 Google Ads 轉換 ID 數字 (例如 123456789)。
  • CONVERSION_LABEL：Google Ads 轉換標籤 (例如 _ABcDEFg12hI34567jK)。

config 網址中的 tel 查詢參數必須與隨附 <a> 連結中的電話號碼相符。

限制

如果使用者沒有前往下一個網頁就關閉 AMP 網頁，系統就不會跨不同網域連結轉換，因為跨網域連結會使用連結裝飾。