Google 広告のランディング ページに AMP を使用する
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
通常、読み込みが速いランディング ページでは、より多くのコンバージョンを獲得できます。AMP は、Google 広告のランディング ページの読み込みを高速化できる優れたテクノロジーです。amp.dev には、魅力的で成果の高いページを作成するのに必要なリソースがウェブ デベロッパー向けに用意されています。この手順ガイドでは、AMP ページで Google 広告などの広告テクノロジーを使用する方法について説明します。
ステップ 1: AMP ページを作成して検証する
AMP ページを作成する
基本的な AMP ページの作成方法については、AMP プロジェクトのチュートリアル、初めての AMP ページを作成するをご覧ください。実践的で詳細な手順を知りたい方は、HTML を AMP に変換すると高度な AMP 機能を追加するのチュートリアルをご覧ください。サンプルコードと AMP コンポーネントのテンプレートは、AMP ウェブサイトの例と AMP テンプレートで入手できます。
以下のリストに、AMP ページで使用されるコンポーネントの一部を示します。コンポーネントの完全なリストも参照してください。
AMP ページを検証する
開発時には、AMP ページが有効かどうかを確認する必要があります。AMP では、ドキュメントを検証するためのさまざまな方法をご利用いただけます。最も一般的なのは、ウェブ検証ツールか Google ウェブマスター ツールのテストを使用する方法です。この他、Chrome ブラウザのプラグインやデベロッパー コンソールを使用する方法、あるいはビルドに amphtml-validator npm モジュールを統合する方法もあります。
AMPBench を使用する方法もあります。これは、AMP ページのデプロイに関する問題の検証とデバッグを行うためのオープンソースのウェブ アプリケーションとサービスです。
AMP テストのサポートについては、AMP プロジェクトのサポートの利用に関するページをご覧ください。
ステップ 2: コンバージョン トラッキングとアナリティクス用に AMP を設定する
Google 広告 コンバージョン トラッキング
amp-analytics コンポーネントを使用して、Google 広告のコンバージョンをトラッキングします。設定方法については、AMP ランディング ページで Google 広告のコンバージョン測定を設定するの手順をご覧ください。
Google アナリティクス
Google アナリティクスは、amp-analytics でサポートされている分析ソリューションの一つです。AMP ページと非 AMP ページでセッションを統合するには、AMP 用に Google アナリティクス セッション統合の初期設定を行うの手順に沿って操作します。
Google タグ マネージャー
amp-analytics コンポーネントには、Google タグ マネージャーのサポートが組み込まれています。Google タグ マネージャーでは、Google 広告のコンバージョンに加えて、リマーケティング、DoubleClick Floodlight、Google ユニバーサル アナリティクスなどの測定サービスを追加できます。対応タグの一覧をご覧ください。
Adobe Analytics では、amp-analytics コンポーネントを使用してウェブサイト パフォーマンス トラッキング ソリューションを実装する方法が 2 つあります。iframe（adobeanalytics_nativeConfig）と非 iframe（adobeanalytics）の実装です。各アプローチのメリットとデメリット、実装の詳細を確認する。
amp-analytics コンポーネントを使用して、ユーザー アクションやイベントをトラッキングできます。AMP アナリティクスは、40 社を超えるアナリティクス ベンダーによってネイティブ サポートされています。AMP アナリティクスのフレームワークは柔軟性に優れているため、カスタム設定を使用して URL を測定およびトリガーし、自社のサーバーや AMP のネイティブ サポートが利用できないベンダーに分析情報を送信することができます。ご使用のテクノロジーがサポートされていない場合は、サポートを追加するようベンダーにご依頼ください。
AMP アナリティクスでは、柔軟性の高い変数置換も可能です。詳しくは、変数置換に関するドキュメントをご覧ください。
ステップ 3: Google 広告の管理画面で AMP 配信を有効にする
Google 検索では、AMP ページはページからのリンクを介して自動検出されますが、広告主は Google 広告に AMP ページの URL を明示的に入力する必要があります。Google 広告の管理画面で AMP URL を設定する方法については、Google 広告で AMP を使用する方法をご覧ください。
現時点でキャッシュからの配信を利用できるのは、Android 向けの Chrome、Android Google 検索アプリ、モバイル Safari など、ほとんどの主要なブラウザで Google 検索結果ページに掲載されるテキスト広告です。キャッシュ配信の対象範囲は、今後数か月をかけて拡大していく予定です。
Google AMP キャッシュから配信される AMP ページが Google 検索ビューアにどのように表示されるか確認するには、検索 AMP テストツールに AMP の記事を入力して、[プレビュー リンク] をクリックしてください。
また、Google 広告のトラフィックを AMP ランディング ページに誘導したいが、オーガニック検索の結果に表示したくないという場合は、通常のウェブページと同様に、該当する AMP ページの robots.txt に Disallow ディレクティブを追加してください。
ランディング ページの AMP コンテンツを更新する
ユーザーが Google AMP キャッシュに対して AMP ドキュメントをリクエストすると、次にリクエストするユーザーに最新のコンテンツを提供できるようにするために、コンテンツがキャッシュされた後に Google AMP キャッシュから更新が自動的にリクエストされます。このモデルでは、AMP ドキュメントの更新が自動的にすばやく反映されるため、ドキュメントの更新後に更新前のバージョンが表示されることはほとんどありません。また、必要に応じて、update-cache API を使用して AMP キャッシュのコンテンツを更新または削除することもできます。
AMP プロジェクトでは、日々新しい機能やコンポーネントが追加されています。まだ追加されていない機能があれば、コードを貢献するか、GitHub で問題を投稿して追加をリクエストできます。
無効な AMP ページに対する処理
ページが無効になると、AMP キャッシュは数回のリクエスト内でそのことを検出し、AMP ページを配信するオリジンへのリダイレクトを開始します。AMP キャッシュ配信に戻るまでに 1 ～ 2 日かかることがあります。
特に記載のない限り、このページのコンテンツはクリエイティブ・コモンズの表示 4.0 ライセンスにより使用許諾されます。コードサンプルは Apache 2.0 ライセンスにより使用許諾されます。詳しくは、Google Developers サイトのポリシーをご覧ください。Java は Oracle および関連会社の登録商標です。
最終更新日 2025-08-21 UTC。
[[["わかりやすい","easyToUnderstand","thumb-up"],["問題の解決に役立った","solvedMyProblem","thumb-up"],["その他","otherUp","thumb-up"]],[["必要な情報がない","missingTheInformationINeed","thumb-down"],["複雑すぎる / 手順が多すぎる","tooComplicatedTooManySteps","thumb-down"],["最新ではない","outOfDate","thumb-down"],["翻訳に関する問題","translationIssue","thumb-down"],["サンプル / コードに問題がある","samplesCodeIssue","thumb-down"],["その他","otherDown","thumb-down"]],["最終更新日 2025-08-21 UTC。"],[[["\u003cp\u003eFaster landing pages typically lead to more conversions and AMP is a great way to create attractive, fast-loading Google Ads landing pages.\u003c/p\u003e\n"],["\u003cp\u003eThis guide provides step-by-step instructions on how to create, validate, and implement AMP pages for advertising purposes, including conversion tracking and analytics.\u003c/p\u003e\n"],["\u003cp\u003eSeveral AMP components are highlighted, such as amp-bind, amp-form, amp-list, and amp-carousel, offering interactive and dynamic features for landing pages.\u003c/p\u003e\n"],["\u003cp\u003eAMP analytics supports various platforms including Google Ads, Google Analytics, and Google Tag Manager, allowing for comprehensive tracking and measurement of user interactions.\u003c/p\u003e\n"],["\u003cp\u003eGoogle Ads requires explicit input of the AMP page URL for ad serving, and the AMP project encourages contributions and feedback for ongoing improvement.\u003c/p\u003e\n"]]],[],null,["# Using AMP for your Google Ads landing pages\n\n[Faster landing pages](//support.google.com/google-ads/answer/7496737) typically\nlead to more conversions and AMP is a great way to create attractive Google Ads\nlanding pages that load more quickly. [amp.dev](//amp.dev/) provides web\ndevelopers with resources they need to create attractive, high performing pages.\nThis step-by-step guide describes how to use Google Ads and other advertising\ntechnology in your AMP pages.\n\nStep 1: Create and validate AMP pages\n-------------------------------------\n\n### Create AMP pages\n\nTo learn how to create a basic AMP page, start with the AMP Project's [Create\nyour first AMP page](//amp.dev/documentation/guides-and-tutorials/start/create/)\ntutorial. For more hands-on, step-by-step guidance, complete the [Convert HTML\nto AMP](//amp.dev/documentation/guides-and-tutorials/start/converting/) and [Add\nadvanced AMP\nfeatures](//amp.dev/documentation/guides-and-tutorials/start/add_advanced/)\ntutorials. You can find sample code and templates of AMP components at [AMP\nWebsites Examples](//amp.dev/documentation/examples/) and [AMP\nTemplates](//amp.dev/documentation/templates/).\n\nThe list below describes some components used on AMP pages---refer to the\n[complete list](//amp.dev/documentation/components/) of components for\nreference.\n\n- [amp-bind](//amp.dev/documentation/components/amp-bind): Add custom stateful interactivity based on JavaScript-like events.\n- [amp-form](//amp.dev/documentation/components/amp-form): Create landing pages that require input from the user.\n- [amp-list](//amp.dev/documentation/components/amp-list): Fetch content dynamically from a CORS JSON endpoint.\n- [amp-carousel](//amp.dev/documentation/components/amp-carousel): Image carousel for scrolling an image gallery.\n- [amp-lightbox](//amp.dev/documentation/components/amp-lightbox): Display full-screen view of a component when it's been interacted with.\n- [amp-call-tracking](//amp.dev/documentation/components/amp-call-tracking) Dynamically replaces a phone number in a hyperlink for call tracking.\n- [amp-mustache](//amp.dev/documentation/components/amp-mustache): Allows rendering with [Mustache.js](//mustache.github.io/).\n- [amp-date-picker](//amp.dev/documentation/components/amp-date-picker): Provides a widget to select dates. The date picker can render as an overlay relative to input fields, or as a static calendar widget.\n\n### Validate AMP pages\n\nDuring development you'll want to make sure your AMP pages are valid. AMP offers\n[several different\nmethods](//amp.dev/documentation/guides-and-tutorials/learn/validation-workflow/validate_amp)\nto validate your documents. The most common way to validate an AMP page is by\nusing the [web validator](//validator.ampproject.org/) or the [Google Webmaster\nTools Validator](//search.google.com/test/amp). You can also use the [Chrome\nbrowser\nplugin](//chrome.google.com/webstore/detail/amp-validator/nmoffdblmcmgeicmolmhobpoocbbmknc)\nand developer console, or integrate the [amphtml-validator npm\nmodule](//www.npmjs.com/package/amphtml-validator) in your build.\n\nYou can also use [AMPBench](https://github.com/ampproject/ampbench), which is an open\nsource web application and service to validate as well as debug issues around\ndeployment of AMP pages.\n\nFor support with AMP testing, visit the AMP Project's [Getting\nSupport](//www.ampproject.org/support/developer/get_support) page.\n\nStep 2: Set up AMP for conversion tracking and analytics\n--------------------------------------------------------\n\n### Google Ads conversion tracking\n\nUse the\n[amp-analytics](//amp.dev/documentation/guides-and-tutorials/optimize-and-measure/configure-analytics/)\ncomponent to track Google Ads conversions. Follow the steps in [Set up Google Ads\nconversion measurement for AMP landing\npages](/google-ads/amp/conversion-measurement) to learn how to set this up.\n\n### Google Analytics\n\n[Google Analytics](/analytics/devguides/collection/amp-analytics) is one of the\nsupported analytics solutions by\n[amp-analytics](//amp.dev/documentation/components/amp-analytics). To enable\nsessions to be unified across AMP and non-AMP pages, follow the steps in [Set up\nGoogle Analytics session unification for\nAMP](//support.google.com/analytics/answer/7486764).\n\n### Google Tag Manager\n\nThe [amp-analytics](/analytics/devguides/collection/amp-analytics)\ncomponent has built-in support for [Google Tag\nManager](//support.google.com/tagmanager/answer/6103696). In addition to Google\nAds conversions, you can use Google Tag Manager to add remarketing,\nDoubleClick Floodlight, Google Universal Analytics, and similar measurement\nproducts. Refer to the [full list of compatible\ntags](//support.google.com/tagmanager/answer/6106924).\n\n### Adobe Analytics (formerly known as Omniture)\n\nAdobe Analytics offers two methods for implementing their website performance\ntracking solution with\n[amp-analytics](//amp.dev/documentation/guides-and-tutorials/optimize-and-measure/configure-analytics/)\ncomponent: iframe (`adobeanalytics_nativeConfig`) and non-iframe\n(`adobeanalytics`) implementation. Read about the pros/cons and implementation\ndetails of each\n[approach](//marketing.adobe.com/resources/help/en_US/sc/implement/accelerated-mobile-pages.html).\n\n### Integrating other common Google Ads-related technologies\n\nYou can use the\n[amp-analytics](//amp.dev/documentation/guides-and-tutorials/optimize-and-measure/configure-analytics/)\ncomponent to track user actions and events. AMP analytics comes with native\nsupport from over 40 analytics vendors. The framework is flexible and allows you\nto measure and trigger URLs using [custom\nconfigurations](//amp.dev/documentation/components/amp-analytics#specifying-configuration-data)\nto send analytics information to your own servers or to vendors where native AMP\nsupport isn't available. If you're using a technology that isn't currently\nsupported, [ask your vendor to add\nsupport](//amp.dev/documentation/guides-and-tutorials/contribute/integrate-your-analytics-tools).\n\nAMP analytics also allows for flexible variable substitution; for details, refer\nto the [variable\nsubstitution](//amp.dev/documentation/guides-and-tutorials/optimize-and-measure/configure-analytics/analytics_basics)\ndocumentation.\n\nStep 3: Enable AMP serving in the Google Ads UI\n-----------------------------------------------\n\nWhile AMP pages in Google Search are\n[auto-discovered](//support.google.com/webmasters/answer/6340290) via the [link\nfrom your\npages](//amp.dev/documentation/guides-and-tutorials/optimize-and-measure/discovery),\nadvertisers must\nexplicitly input the AMP page URL in Google Ads. Read [How to Use AMP with Google\nAds](//support.google.com/google-ads/answer/7495018) for details on\nsetting up AMP URLs in Google Ads UI.\n\n[Cache\nserving](//amp.dev/documentation/guides-and-tutorials/learn/amp-caches-and-cors/how_amp_pages_are_cached)\nis currently available for text ads on Google search results pages served on\nmost major browsers including Android Chrome, Android Google Search App, and\nMobile Safari. We are rolling out more coverage throughout the coming months.\n\nIf you'd like to test how an AMP page appears when delivered from the Google AMP\ncache inside the Google Search Viewer, input your AMP article in the [Search AMP\ntest tool](//search.google.com/test/amp) and click **Preview link**.\n\nAlso, if you'd like to drive Google Ads traffic to your AMP landing page but\ndon't want them to appear in organic search results, add Disallow directives for\nthe relevant AMP pages to your `robots.txt` as you would for any regular web\npage.\n\n### Updating AMP content on landing pages\n\nWhen a user requests an AMP document from the Google AMP Cache, the cache\nautomatically requests updates in order to be able to serve fresh content for\nthe next user once the content has been cached. With this model, updates to AMP\ndocuments propagate automatically and quickly; few users will notice the\nnon-updated version after your update. Additionally, if needed, the\n[update-cache API](/amp/cache/update-cache) can be used to update or remove\ncontent from the AMP cache.\n\nThe AMP project is adding new functionality and components every day. If you\nfind functionality that's missing, you can\n[contribute](https://github.com/ampproject/amphtml/blob/master/README.md) or request\nit to be added by opening a [GitHub\nissue](//amp.dev/documentation/guides-and-tutorials/contribute/).\n\n### Invalid AMP page handling\n\nWhen a page turns invalid, the AMP Cache would discover that within the span of\na few requests and start redirecting to the AMP page served origin. It can take\n1 to 2 days to revert to AMP cache serving."]]
