Table of contents

Important: this documentation is not applicable to your currently selected format email!

amp-facebook-comments

Description

Embeds the Facebook comments plugin.

Required Scripts

<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

Usage

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

<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`

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.

title (optional)

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

Common attributes

This element includes common attributes extended to AMP components.

Deprecated attributes

data-colorscheme (optional)

The color scheme. For details, see the Facebook comments documentation.

Note: This is no longer supported by Facebook. For more details, follow our our tracking issue and Facebook's bug report.

Validation

See amp-facebook-comments 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