AMP Ads Guides & Tutorials

Here you can find everything you need to build AMP experiences. The sidebar on the left shows you all resources for building AMP ads.

AMP's development workflow

Start

Building a 'Hello World' page and try adding your first interactive feature to an AMP page.

Create an AMPHTML ad

Learn

Get to know how AMP is different and acquire the fundamentals for how AMP works.

Intro to AMPHTML ads

Optimize & Measure

Make more out of your AMP pages through analytics, optimal delivery and caching.

How to configure basic analytics for your AMP pages

Develop

Create every content, layout, and feature your website needs.

Style & layout

Highlighted Guides & Tutorials

Intro to AMPHTML ads

AMPHTML ads are a faster, lighter and more secure way to advertise on the web. Although AMP pages support traditional HTML ads, these ads can be slow to load.

Guide

Style & layout

Styling and layout on AMP HTML pages is very similar to normal HTML pages – in both cases, you'll use CSS.

Guide

CORS in AMP

Discover more...

Guide

Validate AMP pages

Watch our video about the various validation options. The key strength of AMP isn’t just that it makes your pages fast, but that it makes your pages ...

Guide

AMPHTML Layout System

Discover more...

Guide

Introduction to complex animations

For animations that can't be driven by adding and removing classes, AMP offers several animation specific components. These components apply AMP's principles to animations ...

Guide

Recent Guides & Tutorials

Integrating with AMP to serve display ads

This guide is for ad networks that want to integrate with AMP to serve display ads to AMP pages.

Guide

How to contribute

The AMP Project would not be possible without help from all members of the community whether you are a developer, content creator or provider of services relevant to AMP.

Guide

Contribute translations

AMP's mission includes making the web a welcoming and accessible place for everyone, and we are unable to reach this goal without localized documentation. Translating AMP documentation is an essential process that aids the AMP community's success and health.

Guide

Best practices for creating a Web Story ad

Web Stories are a full-screen tappable experience that immerses readers in the content. Ads that appears in Web Stories should have a consistent and cohesive design with the Web Stories UX.

Guide

AMP for Ads specification

Discover more...

Guide

Actions and events

Discover more...

Guide

Featured Videos

See the latest videos about AMP and find out more on our YouTube Channel.