Like Button
The Like button is the quickest way for people to share content with their friends.
A single click on the Like button will 'like' pieces of content on the web and share them on Facebook. You can also display a Share button next to the Like button to let people add a personal message and customize who they share with.
Settings
In addition to the settings above, you can also change the following:
| Setting | HTML5 Attribute | Description | Default |
|---|---|---|---|
action | data-action | The verb to display on the button. Can be either "like" or "recommend" | "like" |
colorscheme | data-colorscheme | The color scheme used by the plugin. Can be "light" or "dark". | "light" |
href | data-href | The absolute URL of the page that will be liked. | XFBML and HTML5 versions default to the current URL. |
kid_directed_site | data-kid-directed-site | If your web site or online service, or a portion of your service, is directed to children under 13 you must enable this | "false" |
layout | data-layout | Selects one of the different layouts that are available for the plugin. Can be one of "standard", "button_count", or "box_count". See the FAQ for more details. | "standard" |
ref | data-ref | A label for tracking referrals which must be less than 50 characters and can contain alphanumeric characters and some punctuation (currently +/=-.:_). See the FAQ for more details. | None |
share | data-share | Specifies whether to include a share button beside the Like button. This only works with the XFBML version. | "false" |
show_faces | data-show-faces | Specifies whether to display profile photos below the button (standard layout only). You must not enable this on child-directed sites. | "false" |
width | data-width | The width of the plugin. The layout you choose affects the minimum and default widths you can use, pleasesee the FAQ below for more details. | Depends on layout |
FAQ
Why are people seeing a 'Confirm' button when they click on my Like button?
There are integrity and spam-prevention safeguards built into social plugins, and this is one of them. If you have been heavily testing a Like button before launching, you may have inadvertently triggered these safeguards. Additionally certain domains on the internet are more likely to contain spam, so will see the confirm step more often.
This confirmation adds one extra step to the Like button process, but once the like has been confirmed separately by a number of users, it will no longer appear, and the regular Like button will only appear.
Should I display the Like button by itself or the Like and Share buttons together?
We recommend that you include both buttons on your website to let people choose the way that they want to share your content.
How do I display the Share button without the Like button?
To get code to display the Share button by itself, please visit our Share button documentation.
How do I optimize my website for sharing using the Like button?
If you plan to use the Like button on your website, you should read our best practices guide to ensure published stories look great on Facebook and get the best possible distribution.
What makes up the number shown next to my Like button?
The number shown is the sum of:
- The number of likes of your URL
- The number of shares of your URL (this includes copy/pasting a link back to Facebook)
- The number of likes and comments on stories on Facebook about your URL
What are the different layout types?
There are three options:
| Layout | Default Sizes |
|---|---|
standard | Minimum width: 225 pixels. Minimum increases by 40px if action is 'recommend' by and increases by 60px if send is 'true'. Default width: 450 pixels. Height: 35 pixels (without photos) or 80 pixels (with photos). |
box_count | Minimum width: 55 pixels. Default width: 55 pixels. Height: 65 pixels. |
button_count | Minimum width: 90 pixels. Default width: 90 pixels. Height: 20 pixels. |
How do I know when someone clicked on a Like button on my site?
The XFBML and HTML5 versions of the button allow you to subscribe to the 'edge.create' event in the Facebook SDK for JavaScript through FB.Event.subscribe. This JavaScript event will fire any time a button is clicked.
When will people have the option to add a comment to the like?
If you are using the XFBML and HTML5 versions of the Like button, people will always have the option to add a comment. If you are using the iframe version of the button, people have the option to comment if you are using the standard layout. If people do add a comment, the story published back to Facebook is given more prominence.
No comments:
Post a Comment