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

本指南將說明轉換評估所需的設定和設定,以便在 AMP 到達網頁上正確運作。

如要全面瞭解 Google Ads 適用的 AMP,請參閱「在 Google Ads 到達網頁中使用 AMP」一文的逐步指南,說明如何透過 Google Ads 部署 AMP。

如果您使用 Google Analytics (分析),也請務必遵循「為 AMP 設定 Google Analytics (分析) 工作階段統合」中的步驟,讓 AMP 快取網頁和網站其餘部分的使用者工作階段正確拼接。如果您使用 Google Analytics (分析) 的目標/轉換匯出功能,或是將 Google Ads 連結至 Google Analytics (分析),建議您設定 Google Analytics (分析)。

背景

為準確評估轉換,廣告點擊會將 Google 點擊 ID (「Google 點擊 ID」) 傳遞至您的到達網頁。到達網頁會將 Google 點擊 ID 儲存在您網域的 Cookie 中,然後 Google 點擊 ID 參數也會加到網站的轉換標記中。詳情請參閱「Google Ads 如何追蹤網站轉換」一文。

由於 AMP 到達網頁通常是透過 AMP 快取網域提供,因此無法將 Google 點擊 ID 儲存在您網域的 Cookie 中。您需要在 AMP 到達網頁上設定代碼,才能透過網址中的查詢參數,將 Google 點擊 ID 傳送至您網頁的出站連結。接著,您網站上的代碼可從查詢參數擷取 Google 點擊 ID,並將 Google 點擊 ID 儲存為網域上的 Cookie。

修課條件

請務必啟用 Google Ads 自動標記功能,評估網站上所有瀏覽器上的轉換。

基本設定

步驟 1:在 AMP 到達網頁上加入代碼

如要使用 amp-analytics 元件,請先在 AMP 網頁標頭中加入必要的指令碼。接著,您可以透過 Google 代碼或 Google 代碼管理工具,使用 AMP Analytics (分析) 設定 Google Ads 代碼。

選項 1:Google 代碼

如果在帶有轉換 ID 的 AMP 到達網頁上使用預設的 AMP 專用 Google 代碼,系統會將網站訪客加進您的「所有訪客」再行銷名單 (如果您已設定再行銷)。

此外,根據預設,這個 ID 也能將 Google 點擊 ID 轉換 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 網頁的網域以及所有出站連結的網域新增為以半形逗號分隔的清單。

  • 在您的 AMP 網頁中加入下方的預設 Google 代碼管理工具 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 網頁上的代碼

您可以使用 gtag.js、Google 代碼管理工具或 analytics.js 標記非 AMP 網頁:

選項 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 事件程式碼片段貼到觸發條件物件中。以下是系統回報 Google Ads 轉換時,AMP 轉換頁的完整代碼範例。

<!-- 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 網頁但未前往下一頁,系統就不會進行轉換連結,因為 Google 點擊 ID 傳遞作業使用的是連結裝飾。