Do you build things with AMP? Fill out the AMP Developer Survey!
AMP
TR
English Deutsch Français العربية Español Italiano Indonesia 日本語 한국어 Português Русский 中文

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

amp-facebook-like

Embeds the Facebook like button plugin.

Required Scripts

<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

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