amp-facebook-page
| Description | Embeds the Facebook page plugin. |
| Required Script | <script async custom-element="amp-facebook-page" src="https://cdn.ampproject.org/v0/amp-facebook-page-0.1.js"></script> |
| Supported Layouts | fill, fixed, fixed-height, flex-item, nodisplay, responsive |
| Examples | See AMP By Example's amp-facebook-page example. |
Overview
You can use the amp-facebook-page component to embed the Facebook page plugin.
Example
<amp-facebook-page width="340" height="130" layout="fixed" data-hide-cover="true" data-href="https://www.facebook.com/imdb/"> </amp-facebook-page>
Attributes
| data-href (required) | The absolute URL of the Facebook page. For example, https://www.facebook.com/imdb/. |
| data-locale (optional) | By default, the locale is set to the user's system language; however, you can specify a locale as well. For details, visit the Facebook API Localization page. |
| data-tabs (optional) | Specifies the tabs to render (i.e., timeline, events, messages). Use a comma-separated list to add multiple tabs (e.g., timeline, events). By default, the Facebook page plugin shows the timeline activity. |
| data-hide-cover (optional) | Hides the cover photo in the header. Default value is false. |
| data-show-facepile (optional) | Shows profile photos of friends who like the page. Default value is true. |
| data-hide-cta (optional) | Hides the custom call to action button (if available). Default value is false. |
| data-small-header (optional) | Uses the small header instead. Default value is false. |
| common attributes | This element includes common attributes extended to AMP components. |
Validation
See amp-facebook-page rules in the AMP validator specification.
Need more help?
You've read this document a dozen times but it doesn't really cover all of your questions? Maybe other people felt the same: reach out to them on Stack Overflow.
Go to Stack Overflow Found a bug or missing a feature?The AMP project strongly encourages your participation and contributions! We hope you'll become an ongoing participant in our open source community but we also welcome one-off contributions for the issues you're particularly passionate about.
Go to GitHub