Add advanced AMP features
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.