AMP
JA
English Français العربية Español Italiano Indonesia 한국어 Português Русский Türkçe 中文

amp-facebook-comments

Embeds the Facebook comments plugin.

Required Script <script async custom-element="amp-facebook-comments" src="https://cdn.ampproject.org/v0/amp-facebook-comments-0.1.js"></script>
Supported Layouts fill, fixed, fixed-height, flex-item, nodisplay, responsive
Examples See AMP By Example's amp-facebook-comments example.

Overview

You can use the amp-facebook-comments component to embed the Facebook comments plugin.

Example

<amp-facebook-comments
  width="486"
  height="657"
  layout="responsive"
  data-numposts="5"
  data-href="http://www.directlyrics.com/adele-25-complete-album-lyrics-news.html"
>
</amp-facebook-comments>

Attributes

data-href (required) The URL of the comments page. For example, http://www.directlyrics.com/adele-25-complete-album-lyrics-news.html.
data-locale (optional) By default, the locale is set to user's system language; however, you can specify a locale as well.

For details on strings accepted here please visit the Facebook API Localization page
data-numposts (optional) The number of comments to show. Currently Facebook SDK limits this to max 100. For details, see the Facebook comments documentation.
data-order-by (optional) The order to use when displaying comments. For details, see the Facebook comments documentation.
data-colorscheme (optional) The color scheme. For details, see the Facebook comments documentation.
common attributes This element includes common attributes extended to AMP components.

Validation

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

ご不明な点がある場合

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