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

amp-facebook-page

Description

Embeds the Facebook page plugin.

Required Scripts

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

Usage

Use the amp-facebook-page component to embed the Facebook page plugin.

<amp-facebook-page
  width="340"
  height="130"
  layout="fixed"
  data-hide-cover="true"
  data-href="https://www.facebook.com/imdb/"
>
</amp-facebook-page>

Attributes

Attributes

data-href

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.

title (optional)

Define a title attribute for the component to propagate to the underlying <iframe> element. The default value is "Facebook page".

Common attributes

This element includes common attributes extended to AMP components.

Validation

See amp-facebook-page rules in the AMP validator specification.

需要更多帮助?

您已多次阅读本文档,但它仍未能涵盖您的所有问题?也许其他人也这么觉得:在 Stack Overflow 上与他们联系。

前往 Stack Overflow
发现错误或缺少功能?

AMP 项目强烈鼓励您参与并做出贡献!我们希望您能成为我们开放源代码社区的持续参与者,但我们也欢迎您对所热衷问题做出一次性贡献。

前往 GitHub