AMP Extensions are either extended components or extended templates.
AMP HTML Extended Components Extended components must be explicitly included into the document as custom elements.
For example, to include a YouTube video in your page include the following script in the <head>:
< script async custom-element ="amp-youtube " src ="https://cdn.ampproject.org/v0/amp-youtube-0.1.js "> </ script > Current list of extended components by category:
Component Description amp-accessProvides AMP paywall and subscription support.
Component Description amp-adContainer to display an ad. amp-embedAn alias to the amp-ad tag.
Component Description amp-analyticsCaptures analytics data from an AMP document. amp-experimentConducts user experience experiments on an AMP document.
Component Description amp-listDynamically downloads data and creates list items using a template. amp-live-listProvides a way to display and update content live.
Component Description amp-formProvides form support.
Component Description amp-iframeDisplays an iframe.
Component Description amp-accordionProvides a way for viewers to have a glance at the outline of the content and jump to a section of their choice at will. amp-animManages an animated image, typically a GIF. amp-carouselDisplays multiple similar pieces of content along a horizontal axis. amp-dynamic-css-classesAdds several dynamic CSS class names onto the HTML element. amp-fit-textExpands or shrinks font size to fit the content within the space given. amp-fontTriggers and monitors the loading of custom fonts. amp-fx-flying-carpetWraps its children in a unique full-screen scrolling container allowing you to display a full-screen ad without taking up the entire viewport. amp-image-lightboxAllows for an “image lightbox” or similar experience. amp-lightboxAllows for a “lightbox” or similar experience. amp-mustacheAllows rendering of Mustache.js amp-sidebarProvides a way to display meta content intended for temporary access such as navigation, links, buttons, menus. amp-sticky-adProvides a way to display and stick ad content at the bottom of the page. amp-user-notificationDisplays a dismissable notification to the user.
AMP HTML Extended Templates NOT LAUNCHED YET
Extended templates must be explicitly included into the document as custom templates.
For example, to include an amp-mustache template in your page include the following script in the <head>:
< script async custom-template ="amp-mustache " src ="https://cdn.ampproject.org/v0/amp-mustache-0.1.js "> </ script > Current list of extended templates: