• websites



The amp-facebook-comments component allows embedding Facebook comments into AMP files.


Import the amp-facebook-comments component

<script async custom-element="amp-facebook-comments" src=""></script>

Basic usage

The amp-facebook-comments component only requires the href of the comments.

<amp-facebook-comments width="486" height="657" layout="responsive" data-href="">

Internationalization support

You can set the locale to render the comments in a different language, for example French by specifying data-locale="fr_FR".

<amp-facebook-comments width="552" height="310" layout="responsive" data-order-by="social" data-href="" data-locale="fr_FR">

Limit number of comments

You can restrict the number of comments to show at a time by specifying data-numposts="5".

<amp-facebook-comments width="552" height="310" layout="responsive" data-numposts="5" data-href="">


Set the color scheme of the comments to be dark by specifying data-colorscheme="dark".

<amp-facebook-comments width="552" height="310" layout="responsive" data-colorscheme="dark" data-href="">

Comment ordering

By default the comments are ordered in order of most popular, you can change that to be time based by specifying data-order-by="time".

<amp-facebook-comments width="552" height="310" layout="responsive" data-order-by="time" data-href="">
</amp-facebook-comments>  </body>

如果此页面上的说明未能涵盖您的所有问题,欢迎与其他 AMP 用户取得联系,讨论您的具体用例。

前往 Stack Overflow

AMP 项目强烈鼓励您参与并做出贡献!我们希望您能成为我们开放源代码社区的持续参与者,但我们也欢迎您对所热衷问题做出一次性贡献。

编辑 GitHub 上的示例