[Faster landing pages](https://support.google.com/google-ads/answer/7496737) typically
lead to more conversions and AMP is a great way to create attractive Google Ads
landing pages that load more quickly. [amp.dev](https://amp.dev/) provides web
developers with resources they need to create attractive, high performing pages.
This step-by-step guide describes how to use Google Ads and other advertising
technology in your AMP pages.

## Step 1: Create and validate AMP pages

### Create AMP pages

To learn how to create a basic AMP page, start with the AMP Project's [Create
your first AMP page](https://amp.dev/documentation/guides-and-tutorials/start/create/)
tutorial. For more hands-on, step-by-step guidance, complete the [Convert HTML
to AMP](https://amp.dev/documentation/guides-and-tutorials/start/converting/) and [Add
advanced AMP
features](https://amp.dev/documentation/guides-and-tutorials/start/add_advanced/)
tutorials. You can find sample code and templates of AMP components at [AMP
Websites Examples](https://amp.dev/documentation/examples/) and [AMP
Templates](https://amp.dev/documentation/templates/).

The list below describes some components used on AMP pages---refer to the
[complete list](https://amp.dev/documentation/components/) of components for
reference.

- [amp-bind](https://amp.dev/documentation/components/amp-bind): Add custom stateful interactivity based on JavaScript-like events.
- [amp-form](https://amp.dev/documentation/components/amp-form): Create landing pages that require input from the user.
- [amp-list](https://amp.dev/documentation/components/amp-list): Fetch content dynamically from a CORS JSON endpoint.
- [amp-carousel](https://amp.dev/documentation/components/amp-carousel): Image carousel for scrolling an image gallery.
- [amp-lightbox](https://amp.dev/documentation/components/amp-lightbox): Display full-screen view of a component when it's been interacted with.
- [amp-call-tracking](https://amp.dev/documentation/components/amp-call-tracking): Dynamically replaces a phone number in a hyperlink for call tracking.
- [amp-mustache](https://amp.dev/documentation/components/amp-mustache): Allows rendering with [Mustache.js](https://mustache.github.io/).
- [amp-date-picker](https://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.

### Validate AMP pages

During development, validate that your AMP pages conform to the AMP
specification. AMP offers [several validation
methods](https://amp.dev/documentation/guides-and-tutorials/learn/validation-workflow/validate_amp).
The most common way to validate an AMP page is by using the [AMP web
validator](https://validator.amp.dev/) or the [Search Console AMP
Test](https://search.google.com/test/amp). You can also use the [AMP Validator Chrome
extension](https://chromewebstore.google.com/detail/amp-validator/nmoffdblmcmgeicmolmhobpoocbbmknc)
and developer console, or integrate the [amphtml-validator npm
module](https://www.npmjs.com/package/amphtml-validator) in your build.

For support with AMP testing, visit the [AMP support
page](https://amp.dev/support/).

## Step 2: Set up AMP for conversion tracking and analytics

### Google Ads conversion tracking

Use the
[amp-analytics](https://amp.dev/documentation/guides-and-tutorials/optimize-and-measure/configure-analytics/)
component to track Google Ads conversions. Follow the steps in [Set up Google Ads
conversion measurement for AMP landing
pages](https://developers.google.com/google-ads/amp/conversion-measurement) to learn how to set this up.

### Google Analytics

[Google Analytics](https://developers.google.com/tag-platform/gtagjs/amp?technology=gtagjs) is one of the
supported analytics solutions by
[amp-analytics](https://amp.dev/documentation/components/amp-analytics). To enable
sessions to be unified across AMP and non-AMP pages, follow the steps in [Set up
Google Analytics session unification for
AMP](https://support.google.com/analytics/answer/13707279).

### Google Tag Manager

The [amp-analytics](https://amp.dev/documentation/components/amp-analytics)
component has built-in support for [Google Tag
Manager](https://support.google.com/tagmanager/answer/9205783). In addition to Google
Ads conversions, you can use Google Tag Manager to add remarketing, Floodlight,
and similar measurement products. See the [full list of compatible
tags](https://support.google.com/tagmanager/answer/6106924).

### Adobe Analytics

Adobe Analytics offers two methods for implementing its website performance
tracking solution with the
[amp-analytics](https://amp.dev/documentation/guides-and-tutorials/optimize-and-measure/configure-analytics/)
component: iframe (`adobeanalytics_nativeConfig`) and non-iframe
(`adobeanalytics`). Read about the advantages, disadvantages, and implementation
details of each approach in the [Adobe Analytics AMP
documentation](https://experienceleague.adobe.com/en/docs/analytics/implementation/other/amp).

### Integrating other common Google Ads-related technologies

You can use the
[amp-analytics](https://amp.dev/documentation/guides-and-tutorials/optimize-and-measure/configure-analytics/)
component to track user actions and events. AMP analytics comes with native
support from over 40 analytics vendors. The framework is flexible and allows you
to measure and trigger URLs using [custom
configurations](https://amp.dev/documentation/components/amp-analytics#specifying-configuration-data)
to send analytics information to your own servers or to vendors where native AMP
support isn't available. If you're using a technology that isn't supported, [ask
your vendor to add
support](https://amp.dev/documentation/guides-and-tutorials/contribute/integrate-your-analytics-tools).

AMP analytics also allows for flexible variable substitution; for details, refer
to the [variable
substitution](https://amp.dev/documentation/guides-and-tutorials/optimize-and-measure/configure-analytics/analytics_basics)
documentation.

## Step 3: Enable AMP serving in the Google Ads UI

While AMP pages in Google Search are
[auto-discovered](https://developers.google.com/search/docs/crawling-indexing/amp) via the [link
from your
pages](https://amp.dev/documentation/guides-and-tutorials/optimize-and-measure/discovery),
advertisers must explicitly input the AMP page URL in Google Ads. Read [How to
use AMP with Google Ads](https://support.google.com/google-ads/answer/7495018) for
details on setting up AMP URLs in the Google Ads UI.

Also, if you'd like to drive Google Ads traffic to your AMP landing page but
don't want them to appear in organic search results, add `Disallow` directives
for the relevant AMP pages to your `robots.txt` file as you would for any
regular web page.

If you find functionality that's missing in AMP, you can
[contribute](https://github.com/ampproject/amphtml/blob/main/README.md) or
request it by opening a [GitHub
issue](https://amp.dev/documentation/guides-and-tutorials/contribute/).