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로 이동하기