AMP を使用した実装

最終更新日： 2025年5月5日

作成対象：

  • 開発者

AMP は、高速でスムーズな読み込みをおこなう Web ページを簡単に作成する方法を提供するオープンソース HTML フレームワークです。

Adobe Analytics は JavaScript ライブラリを使用してイメージリクエストをコンパイルおよび送信するので、AMP を使用しているページ上のデータをアドビに送信するには、実装で調整が必要です。

AMP を使用しているページに Adobe Analytics を実装する方法を決定する

アドビは、AMP を使用しているページに Adobe Analytics を実装する 2 つの方法を作成しました。どちらも <amp-analytics> HTML タグを使用します。詳しくは、AMP のドキュメントの amp-analytics を参照してください。

  • "adobeanalytics" テンプレートの使用：ページ上で直接 Analytics リクエストを作成します
  • "analytics_nativeConfig" テンプレートを使用：通常のサイトにデプロイするのと同じAppMeasurementコードを含んだ iframe を使用します

次の表では、これら 2 つの方法を比較しています。

テンプレ "adobeanalytics"トテンプレ "adobeanalytics_nativeConfig"ト
既存のレポートスイートの訪問者数／訪問数高い水増し最小の水増し
別のレポートスイートの使用推奨不要
新規訪問者とリターン訪問者の比較サポートなしサポート
訪問者 ID サービスサポートなしサポート
ビデオとリンクのトラッキング部分的なサポート未サポート
導入の困難さ難しい比較的簡単
Adobe Experience Cloud 統合サポートなし部分的なサポート

長所と短所を比較検討して、組織に最適な実装方法を選択できるようにします。

WARNING
AMP を使用している同じページで、"adobeanalytics" テンプレートと "adobeanalytics_nativeConfig" テンプレートの両方を使用しないでください。両方を使用すると、ブラウザーコンソールでエラーが発生し、訪問者が二重にカウントされる可能性があります。

方法 1:"adobeanalytics" テンプレートで <amp-analytics> タグを使用する

"adobeanalytics" トラッキングテンプレートは、<amp-analytics> HTML タグを使用して、トラッキングリクエストを直接作成します。表示されるページやクリック時など、特定のページイベントで発生するヒットリクエストを指定できます。クリックイベントは、セレクターを指定することで、特定の要素 ID またはクラスに適用するようにカスタマイズできます。amp-analytics タグに type="adobeanalytics" を追加することで、テンプレートを読み込むことができます。

次のコード例に、pageLoad および click が定義された 2 つのトリガーがあります。pageLoad トリガーは、ドキュメントが表示され、vars セクションで定義された pageName 変数が含まれると実行されます。2 番目のトリガー、click は、ボタンがクリックされると実行されます。eVar1 変数は、値が button clicked のこのイベントに対して設定されます。

<amp-analytics type="adobeanalytics">
  <script type="application/json">
    {
      "requests": {
        "myClick": "${click}&v1=${eVar1}",
      },
      "vars": {
        "host": "example.data.adobedc.net",
        "reportSuites": "reportSuiteID1,reportSuiteID2",
        "pageName": "Adobe Analytics Using amp-analytics tag"
      },
      "triggers": {
        "pageLoad": {
          "on": "visible",
          "request": "pageview"
        },
        "click": {
          "on": "click",
          "selector": "button",
          "request": "myClick",
          "vars": {
            "eVar1": "button clicked"
          }
        }
      }
    }
  </script>
</amp-analytics>

<amp-analytics> タグは、AMP が認識しているデータ値を提供できるように、変数の置き換えをサポートしています。 詳しくは、GitHub の amp-analytics🔗 でサポートされている 変数を参照してください。

NOTE
この方法を使用してAdobeに送信されるイメージリクエストには、多くのデフォルトレポート（ブラウザー、画面サイズ、リファラーなど）のデータが含まれていません。 この情報をヒットに含める場合は、イメージリクエストクエリ文字列の一部に含めてください。 イメージリクエストクエリパラメーターとそれに関連する変数の完全なリストについては、 データ収集クエリパラメーターを参照してください。

アドビは、組み込みの AMP 関数を使用して訪問者を識別し、adobe_amp_id Cookie を設定します。この訪問者 ID は、Adobe Analyticsで設定された他の ID に対して一意です。 訪問者がコンテンツを取得した CDN ごとに異なるユニーク訪問者がカウントされるので、ユニーク訪問者数を増やす可能性があります。 AMP によるユニーク訪問者の識別方法の違いにより、AMP ページには別のレポートスイートを使用することを強くお勧めします。 Adobe Experience Cloud ID サービスはサポートされていません。

このソリューションは、既存のプライバシーポリシー制御が優先されるように、host プロパティで指定したトラッキングサーバーがメインサイトのトラッキングサーバーと一致している必要があるということです。それ以外の場合は、AMP を使用するページに対して別のプライバシーポリシーを作成します。