#BlackLivesMatter
Do you build things with AMP? Fill out the new 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>

Примеры

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.

Требуется дополнительная помощь?

Вы читали этот документ десятки раз, но так и не нашли ответов на все свои вопросы? Возможно, другие люди столкнулись с такой же проблемой — обратитесь к ним на Stack Overflow.

Перейти на Stack Overflow
Нашли ошибку или недостающую функцию?

Проект AMP активно поощряет ваше участие и сотрудничество! Мы надеемся, что вы станете постоянным участником нашего открытого сообщества, но разовые вклады в работу над задачами, которые вам особенно интересны, также приветствуются.

Перейти на GitHub