AMP

Add advanced AMP features

Completed news article

In this tutorial, you'll build on your understanding of AMP foundations and learn how AMP handles advertising, analytics, embedded videos, social media integration, carousels, and more. By the end of this tutorial, you'll have created a mobile news article that includes these features.

You’ll learn to:

  • Display ads by using amp-ad
  • Embed YouTube videos, Twitter cards and responsive text elements
  • Build carousels with images and combinations of content by using amp-carousel
  • Track simple patterns with amp-analytics
  • Add site navigation to your page with amp-sidebar
  • Use custom fonts in AMP

You'll build:

A news article page that conforms to AMP specifications and incorporates advertising, analytics, embedded video, embedded social media, carousels, and a site navigation menu.

NOTE – This tutorial is a continuation of the concepts introduced in the "Convert your HTML to AMP" tutorial. If you don't already have a basic understanding of AMP’s core concepts, please try out the "Convert your HTML to AMP" tutorial.