Do you build things with AMP? Fill out the new AMP Developer Survey!

Important: this documentation is not applicable to your currently selected format stories!



Displays a Facebook post, video or comment.

Required Scripts

<script async custom-element="amp-facebook" src="https://cdn.ampproject.org/v0/amp-facebook-0.1.js"></script>


You can use the amp-facebook component to embed a Facebook post, a Facebook video or a comment on a Facebook post.

Example: Embedding a post

<amp-facebook width="552" height="310"
Apri questo frammento in playground

Example: Embedding a video

<amp-facebook width="476" height="316"
Apri questo frammento in playground

Example: Embedding a comment on a post

<amp-facebook width="552" height="500"
Apri questo frammento in playground


data-href (required) The URL of the Facebook post/video/comment. For example, a post or video will look like https://www.facebook.com/zuck/posts/10102593740125791. A comment or comment reply will look like https://www.facebook.com/zuck/posts/10102735452532991?comment_id=1070233703036185. For comments, see the Facebook documentation on how to get a comment's URL.
data-embed-as The value is either post, video or comment. The default is post.

Both posts and videos can be embedded as a post. Setting data-embed-as="video" for Facebook videos embeds the player of the video, and adds the accompanying post card with it. Setting data-embed-as="post" ignores the caption card. This is done to make sure we are zooming in on videos correctly.

The comment value embeds a single comment (or reply to a comment) on a post. This is not to be confused with amp-facebook-comments.

Check out the documentation for differences between post embeds, video embeds, and comment embeds.
data-include-comment-parent The value is either true or false. The default is false.

When you are embedding a comment reply, you can optionally also include the parent comment of the reply.
data-allowfullscreen The value is either set or omitted. The default is omitted (no fullscreen).

When embedding a video, set this value to allow for a fullscreen experience.
data-align-center The value is either true or false. The default is false.

For posts and videos, having this attribute set to true would align the post/video container to center.
data-locale (optional) By default, the locale is set to user's system language; however, you can specify a locale as well.

For details on strings accepted here please visit the Facebook API Localization page
common attributes This element includes common attributes extended to AMP components.


See amp-facebook rules in the AMP validator specification.

Ti servono altre informazioni?

Hai letto questo documento decine di volte ma non risponde a tutte le tue domande? Forse ci sono altre persone col tuo stesso problema: entra in contatto con loro su Stack Overflow.

Vai a Stack Overflow
Hai trovato un bug o una funzione mancante?

Il progetto AMP invita tutti a partecipare e dare il proprio contributo! Ci auguriamo che tu possa partecipare regolarmente alla nostra community open source, ma saremo anche lieti di ricevere eventuali contributi una-tantum sulle questioni che ti interessano.

Vai a GitHub