The AMP (Accelerated Mobile Pages) Project is an open-source initiative that aims to make the web better for all. The project allows for the creation of websites and ads that are consistently fast, beautiful, and high-performing across devices and distribution patterns.
How display ads work on AMP pages
After you’ve created AMP pages, you can serve existing display ads on them. Start by adding the
<amp-ad> tag to an AMP page, which is the primary mechanism to request ads from an ad network in AMP pages. There are over 100 ad networks supported in AMP.
- Read best practices for ads on AMP pages which apply to any ad network.
- Generate <amp-ad> tags directly in Ad Manager without having to manually edit code.
- Run a report to confirm that your AMP pages are using the <amp-ad> tag.
- We recommended you set up an AMP test page and validate it to ensure the ads will serve.
- Learn how your AMP pages are performing.
From a trafficking standpoint, not much changes for ads on AMP pages.
For Ad Manager, we recommend using AMPHTML ads. It is possible to serve AMPHTML ads on AMP pages and non-AMP pages.
How display ads work on Web Stories
After you've created an AMP Web Stories you can serve single page Story ads . Story ads are full screen, single page ads that appear within Web Stories.
Web Stories use the
<amp-story-auto-ads> tag and cannot support an
<amp-ad> directly on the page.
- Traffic custom creatives in Web Stories.
- Activate programmatic demand in Web Stories.
- Read best practices for ads in Web Stories which cover the best user experience.
What ads can be served to AMP pages and Web Stories?
AMP works only with ads that do not cause content reflow. Therefore, some formats like interstitials or auto-expandables are unsupported in AMP. See a list of supported ads capabilities in AMP.
Banners and boxes do not integrate well with the Web Story format and benefit from a conversion of existing mobile or portrait creatives into Story ads.