このガイドでは、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 タグ マネージャーを使用
- Google タグ マネージャーの AMP コンテナを作成し、デフォルトのコード スニペットを AMP ページに追加します。
- Google タグ マネージャーの AMP コンテナにコンバージョン リンカー タグを追加して、GCLID をドメインのファーストパーティの Cookie に保存し、標準のサブドメイン間で渡します。
ステップ 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 ページがホストされているドメインと、リンク先のドメインまたはサブドメインを含めます。
- AW-CONVERSION_ID は、Google 広告タグ ID(例:
<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>m.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 ページがホストされているドメインと、リンク先のドメインまたはサブドメインを含めます。
- AW-CONVERSION_ID は、Google 広告タグ ID(例:
<!-- 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 タグ マネージャーを使用
- Google タグ マネージャーのウェブコンテナで、次の操作を行います。
- ドメインをまたいでリンクするようにコンバージョン リンカータグを設定します。
- 非 AMP ページに、Google タグ マネージャーのデフォルトのコード スニペットを使用します。
- Google アナリティクスを使用している場合は、クロスドメイン測定用に 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 広告の通話トラッキング
Google 広告の AMP ページでは、通話コンバージョン トラッキングがサポートされています。
ステップ 1: 変換構成を見つける
まず、Google 広告アカウントで電話番号アセットをセットアップし、ウェブサイト通話コンバージョン アクションを作成します。コンバージョン アクションを作成したら、Google タグ マネージャーの設定オプションまたは Google タグの電話番号スニペットから、数字のコンバージョン ID とコンバージョン ラベルを取得します。
方法 1: Google 広告で Google タグ マネージャーの設定オプションを使用する
- Google 広告アカウントにログインし、[目標] > [コンバージョン] > [概要] を選択します。
- [+ コンバージョン アクションを作成](または [新しいコンバージョン アクション])を選択し、電話コンバージョンを設定するの手順に沿って、ウェブサイトの通話コンバージョン アクションを作成します。
- タグの設定手順で、[Google タグ マネージャーを使用する] を選択します。
- コンバージョン 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 ページを閉じた場合は、異なるドメイン間でのコンバージョン リンクは行われません。