AMP ランディング ページの Google 広告のコンバージョン測定を設定する

このガイドでは、AMP ランディング ページでコンバージョンの測定を行うために必要なセットアップと設定について説明します。

Google 広告向け AMP の概要については、Google 広告のランディング ページで AMP を使用するをご覧ください。これは、Google 広告で AMP をデプロイするための手順ガイドです。

Google アナリティクスを使用している場合は、AMP 用に Google アナリティクス セッション統合の初期設定を行うの手順に沿って、AMP ページとサイトの他の部分でユーザー セッションが統合されるようにします。Google アナリティクスのキーイベントに基づいて Google 広告コンバージョンを作成する場合や、Google 広告を Google アナリティクスにリンクする場合は、Google アナリティクスを設定することをおすすめします。

背景

コンバージョンの測定を正確に行うため、広告クリックでは GCLID(Google クリック ID)がランディング ページに渡されます。ランディング ページでは、ドメインの Cookie に GCLID が保存され、GCLID パラメータがサイトのコンバージョン タグに含まれます。詳しくは、Google 広告のウェブサイト コンバージョンをトラッキングする方法をご覧ください。

AMP ランディング ページは、お客様のドメインから直接配信されるため、GCLID をお客様のドメインの Cookie に保存できます。AMP ランディング ページとコンバージョン ページが、Cookie を共有できない異なるドメインまたはサブドメインにある場合は、URL のクエリ パラメータを使用して、サイトページへの送信リンクに GCLID を渡す必要があります。サイトページのタグは、クエリ パラメータから GCLID を取得し、GCLID をドメインの Cookie として保存できます。

前提条件

Google 広告の自動タグ設定を有効にして、すべてのブラウザでウェブサイトのコンバージョンを測定します。

基本的な構成

ステップ 1: AMP ランディング ページのタグ

amp-analytics コンポーネントを使用するには、まず、AMP ページの <head> 要素に必要なスクリプトを追加します。その後、Google タグまたは Google タグ マネージャーを使用して、amp-analytics コンポーネントで Google 広告タグを設定できます。

方法 1: Google タグ

AMP ランディング ページで Google 広告タグ ID とデフォルトの AMP 用 Google タグを使用すると、ウェブサイトを訪れたユーザーが「すべての訪問者」を対象とするリマーケティング リストに追加されます(リマーケティングを設定している場合)。

この設定では、GCLID がドメインのファーストパーティの Cookie に保存され、標準のサブドメイン(www.、m.、amp.)間でデフォルトで渡されます。次のサンプル コード スニペットで、AW-CONVERSION_ID を Google 広告タグ 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 広告、検索広告 360 など)のタグ ID を指定できます。ただし、gtag_id に含めるサービス ID は 1 つだけです。

方法 2: Google タグ マネージャーを使用

ステップ 2: 非 AMP ページのタグ

非 AMP ページに必要なタグについては、次のオプションを確認してください。以下の各オプションについて、Google 広告のウェブサイト コンバージョンをトラッキングする方法の詳細な手順に沿って操作します。

方法 1: Google タグ

Google タグの設定手順に沿って操作します。

  • Google タグ スニペットをウェブサイトのすべてのページに配置します。
  • コンバージョン ページでは、Google タグスニペットの後であれば、コード内の任意の場所にイベント スニペットを挿入できます。

方法 2: Google タグ マネージャーを使用

Google タグ マネージャーのウェブコンテナで、次の操作を行います。

  • Google タグ マネージャーで Google 広告コンバージョン タグを作成します。
  • Google タグ マネージャーのウェブコンテナにコンバージョン リンカータグを追加し、すべてのページで呼び出されるように設定します。

サイトのページにあるタグ マネージャーのコード スニペットが iframe で読み込まれる場合は、コンバージョン リンカータグで [ドメイン間でのリンクの有効化] と [受信リンカー パラメータを許可する] を選択します。

高度な設定: ドメインをまたいでコンバージョン測定を設定する

AMP ページが標準以外のサブドメイン(www.、m.、amp. 以外)にある場合、または別のトップレベル ドメインのページにリンクしている場合は、次のクロスドメイン設定を完了します。

ステップ 1: AMP ランディング ページのタグ

Google 広告タグは、Google タグまたは Google タグ マネージャーを使用して設定できます。

方法 1: Google タグ

  • AMP ページに AMP 用の Google タグを実装します。
  • 次のコード スニペットを AMP ページに追加します。
    • AW-CONVERSION_ID は、Google 広告タグ 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 広告、検索広告 360 など)のタグ ID を指定できます。ただし、gtag_id に含めるサービス ID は 1 つだけです。

方法 2: Google タグ マネージャーを使用

  • Google タグ マネージャーで AMP コンテナを作成し、AMP 準拠のタグをデプロイします。
  • AMP コンテナにコンバージョン リンカー タグを追加します。
  • [ドメイン間でのリンクの有効化] を選択し、[自動リンクドメイン] に、AMP ページがホストされているドメインと、送信リンクのリンク先ドメインをカンマ区切りのリストとして入力します。
  • デフォルトの Google タグ マネージャー AMP コード スニペットを 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 広告タグ 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 広告でウェブサイトのコンバージョンをトラッキングする方法の手順に沿って対応します。

このセクションでは、AMP ランディング ページ自体でコンバージョンを測定する場合について説明します。

Google タグを使用する

コンバージョンを記録する AMP ページで、triggers オブジェクトにコンバージョン トリガーを追加します。次の例は、Google 広告のコンバージョンをレポートする AMP コンバージョン ページの完全なタグを示しています。

<!-- 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 広告コンバージョンによって提供されるタグ ID(AW-123456789 など)が含まれ、CONVERSION_LABEL はコンバージョン アクションのコンバージョン ラベルです。
  • AMP ページで使用している Google サービスのタグ ID を指定できますが、gtag_id フィールドに含めることができるのは 1 つのサービス ID のみです。
  • config オブジェクトには、AMP サイトでのアクティビティの測定に使用する Google サービスごとに 1 つのエントリを含める必要があります。
  • Google 広告と検索広告 360 の両方を使用している場合は、検索広告 360 の AMP タグの例について、Google タグとイベント スニペットの技術的な詳細をご覧ください。
  • この例では、amp-analytics コンポーネントはページ visible イベントで呼び出されます。また、ボタン click などの別のイベントでコンバージョンを呼び出すように設定することもできます。

Google タグマネージャを使用する

Google タグ マネージャーの AMP コンテナで、Google 広告のコンバージョン トラッキング タグまたは Google 広告のリマーケティング タグを追加し、コンバージョン イベントのトリガーを設定します。

Google 広告の AMP ページでは、通話コンバージョン トラッキングがサポートされています。

ステップ 1: 変換構成を見つける

まず、Google 広告アカウントで電話番号アセットをセットアップし、ウェブサイト通話コンバージョン アクションを作成します。コンバージョン アクションを作成したら、Google タグ マネージャーの設定オプションまたは Google タグの電話番号スニペットから、数字のコンバージョン ID とコンバージョン ラベルを取得します。

方法 1: Google 広告で Google タグ マネージャーの設定オプションを使用する
  1. Google 広告アカウントにログインし、[目標] > [コンバージョン] > [概要] を選択します。
  2. [+ コンバージョン アクションを作成](または [新しいコンバージョン アクション])を選択し、電話コンバージョンを設定するの手順に沿って、ウェブサイトの通話コンバージョン アクションを作成します。
  3. タグの設定手順で、[Google タグ マネージャーを使用する] を選択します。
  4. コンバージョン ID とコンバージョン ラベルをコピーします。これらは、ステップ 2 の AMP コール トラッキングの設定で使用します。
方法 2: Google タグの電話番号スニペットから値を抽出する

タグの設定時に [タグを自分で追加する] を選択すると、Google 広告によって、次の例のような電話番号スニペットが生成されます。

<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>

通話コンバージョンを測定するには、Google 広告のコール トラッキング エンドポイントを指す <amp-call-tracking> 要素で、クリックして通話する <a> リンクをラップします。

<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 広告コンバージョン ID(例: 123456789)。
  • CONVERSION_LABEL_ABcDEFg12hI34567jK

config URL の tel クエリ パラメータは、囲まれた <a> リンクの電話番号と一致する必要があります。

制限事項

クロスドメイン リンクはリンクへの情報追加によって成り立っているため、ユーザーが別のページまで進むことなく AMP ページを閉じた場合は、異なるドメイン間でのコンバージョン リンクは行われません。