Important: this component does not support your currently selected format stories!
amp-facebook-like
| Description | Embeds the Facebook like button plugin. |
| Required Script | <script async custom-element="amp-facebook-like" src="https://cdn.ampproject.org/v0/amp-facebook-like-0.1.js"></script> |
| Supported Layouts | fill, fixed, fixed-height, flex-item, nodisplay, responsive |
| Examples | See AMP By Example's amp-facebook-like example. |
Overview
You can use the amp-facebook-like component to embed the Facebook like button plugin.
Example
<amp-facebook-like width=90 height=20 layout="fixed" data-layout="button_count" data-href="https://www.facebook.com/testesmegadivertidos/"> </amp-facebook-like>
Attributes
| data-href (required) | The absolute URL of the page that will be liked. For example, https://www.facebook.com/testesmegadivertidos/. |
| 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-action (optional) | The verb to display on the button. Can be either like or recommend. The default is like. |
| data-colorscheme (optional) | The color scheme used by the plugin for any text outside of the button itself. Can be light or dark. The default is light. |
| data-kd_site (optional) | This attribute is also known as data-kid_directed_site in the Facebook SDK.
If your web site or online service, or a portion of your service, is directed to children under 13 you must enable this attribute. The default is false. |
| data-layout (optional) | Selects one of the different layouts that are available for the plugin. Can be one of standard, button_count, button or box_count. The default is standard. |
| data-ref (optional) | A label for tracking referrals which must be less than 50 characters and can contain alphanumeric characters and some punctuation. |
| data-share (optional) | Specifies whether to include a share button beside the Like button. This only works with the XFBML version. The default is false. |
| data-show_faces (optional) | Specifies whether to display profile photos below the button (standard layout only). You must not enable this on child-directed sites. The default is false. |
| data-size (optional) | The size of the button, which can be one of two sizes, large or small. The default is small. For details, see the Facebook comments documentation. |
| common attributes | This element includes common attributes extended to AMP components. |
Validation
See amp-facebook-like 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