AMP ページは AMP キャッシュ ドメインから配信されるため、サイト本体とはドメインが異なります。AMP リンカーを使用すれば、AMP キャッシュとサイト内のページを行き来するユーザー ジャーニーをトラッキングすることができます。AMP リンカーは amp-analytics の機能で、AMP クライアント ID をユーザー識別子としてユーザー セッションの統合を行うものです。
AMP リンカーは、AMP キャッシュ ページからのアウトバウンド リンクに AMP クライアント ID を追加する仕組みです。リンクを経由して、Google アナリティクスのタグを設定されたページにアクセスすると、ページが URL クエリ パラメータから AMP クライアント ID を読み取り、その ID をユーザー識別子としてユーザー セッションの結合を行います。
この記事では、Google アナリティクスで AMP リンカーの初期設定を行うステップを解説します。
AMP のクライアント ID がデータに及ぼす影響
AMP キャッシュとサイト本体のドメインとの間で AMP クライアント ID を同期することにより、各種ユーザー関連指標（例: セッション継続時間、直帰率、セッションあたりの閲覧ページ数）の精度を高めることができます。なお、AMP クライアント ID を有効に利用するには、データ収集を同一の Google アナリティクス プロパティで行う必要があります。
AMP リンカーの初期設定
Google アナリティクスにおける AMP リンカーの初期設定は、3 つのステップに分かれています。
ステップ 1. AMP ページのタグ設定（URL に AMP リンカー パラメータを追加するよう設定）
AMP 版のランディング ページにデフォルトの AMP用の Google タグを追加します。下記のコード例を基本に、次のとおり変更を加えて使用してください。
MEASUREMENT_ID は、データの送信先にする Google アナリティクス プロパティのタグ ID に置き換えます。
AMP ページがサイトへの送信リンクと異なるトップレベル ドメインでホストされている場合、またはよく知られているサブドメイン（、amp.、m. など）に AMP ページがない場合は、必要に応じて、次のようにリンカーの設定を含めます。AMP ページがホストされているドメインのほか、送信リンクのドメインを追加します。
<script type="application/json">
{
"vars": {
"gtag_id": "MEASUREMENT_ID",
"linker": {
"domains": ["example.com", "example2.com"]
}
,
"config": {
"MEASUREMENT_ID": {
"groups": "default"
}
}
}
}
</script>
</amp-analytics>
gtag_id には、AMP ページで使用している Google のサービス（例: Google 広告、検索広告 360 など）の ID を 1 つだけ指定します。使用しているサービスが複数ある場合、どれを選んでも問題ありません。ステップ 2. 非 AMP ページのタグ設定（AMP リンカー パラメータを読み取るよう設定）
非 AMP ページに gtag.js スニペットを組み込みます。下記のコード例をご覧ください。
MEASUREMENT_IDは、データの送信先にする Google アナリティクス プロパティのタグ ID に置き換えます。- AMP ページがサイトへの送信リンクと異なるトップレベル ドメインでホストされている場合、またはよく知られているサブドメイン（、amp.、m. など）に AMP ページがない場合は、必要に応じて、次のようにリンカーの設定を含めます。AMP ページがホストされているドメインのほか、送信リンクのドメインを追加します。
<script async src="https://googletagmanager.com/gtag/js?id=MEASUREMENT_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('set', 'linker', {
'domains': ['example.com', 'example2.com']
});
gtag('js', new Date());
gtag('config', 'MEASUREMENT_ID');
</script>
設定の確認
AMP ページと非 AMP ページとで Google AMP のクライアント ID が一致していることを確認します。
方法 1: AMP タグ テストツールを使用して確認する
AMP タグテスト ツールで、テストする AMP URL を入力します。
注: AMP タグ テストツールは、ビューアから配信された AMP ページから次のページへのリンクまでのフローをシミュレーションする自動テストツールです。すべてのテストシナリオを網羅できるとは限らない（AMP ページに異なるドメインやサブドメインへのリンクがある場合など）ため、このツールは参考としてご使用ください。手動テストの場合は、以下の方法を行ってください。
方法 2: Chrome Developer Tools で確認する
- Google Chrome ブラウザをシークレット モードで開きます。Chrome Developer Tools でモバイル デバイス エミュレータを有効化します。
- Google 検索で、サイトの AMP ページを返す検索クエリを入力し、検索結果をクリックして AMP ページに移動します。AMP ページは、Google AMP キャッシュを通して、Google 検索 AMP ビューア内に表示されます。
- 注: Google 検索結果で目的のページを表示しにくい場合も、セッション統合の動作テストは可能です。ページが Google のインデックスに登録されてさえいれば、AMP テスト ツールを使って検索結果のプレビューを表示し、下記の手順で確認を行うことができます。
- AMP ページビューの Google アナリティクス ネットワーク リクエストを見つけます。Chrome Developer Tools の [Network] タブで、[Filter] 欄に「collect」と入力します。
google-analytics.comに送信されるネットワーク リクエストを見つけ、選択します。リクエストの [Headers] タブで [Query String Parameters] までスクロールし、クライアント ID を探します。cid パラメータを確認しましょう。- AMP ページが AMP ビューアを通して表示された場合、
cidは 64 文字の base64 文字列になります。 - [消去] をクリックして、ネットワーク リクエストを消去します。
- 非 AMP ページ側の設定も正しく完了していれば、AMP ページから非 AMP ページに移動しても、同じ cid パラメータが維持されるはずです。AMP ページで任意のリンクをクリックし、サイト本体のドメインから配信される非 AMP ページに移動してみましょう。クライアント ID を確認するには、再度フィルタ欄に「collect」と入力します。
google-analytics.comに送信されるネットワーク リクエストを選択します。cid クエリ パラメータの値が、ステップ 5 で確認した値と一致することを確かめます。
制限事項
- AMP リンカーによるセッション統合は、リンクへの情報追加によって成り立っているため、初めてアクセスしてきたユーザーが別のページまで進むことなく AMP ページを閉じた場合は、セッション統合が行われません。