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