AMP

Create an AMPHTML ad

Completed AMPHTML image ad

In this tutorial, you'll learn how to create an AMPHTML ad from scratch that can be served to AMP and non-AMP pages. The ad format used in this tutorial is a simple image ad.

AMPHTML ads are similar to traditional HTML ads, but instead of coding them in traditional HTML, they are coded in AMPHTML, according to the AMPHTML ad spec. By creating the ads in AMPHTML, the ads take advantage of the same optimizations and performance utilized in AMP pages, making them a faster, lighter and a more secure way to advertise on the web. Most of all, these ads can be delivered anywhere on the web, not just on AMP pages.

You will learn to:

Prerequisites:

  • A basic knowledge of HTML, CSS, and JavaScript
  • A browser and text editor of your choice

Don't want to create an ad from scratch? Use one of the following tools to create your AMPHTML ad: