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