ADD FACEBOOK LIKE BUTTON ON WEBSITE

The Facebook like button is great feature of the social networking website of Facebook. Using Facebook Like button users can like content such as status updates, comments, photos.The Facebook like button also displays the number of users that liked each piece of content, and may show a full or partial list of those users. It format of display is different on various platform like desktop and mobile. If you want to find more article related to facebook then please Click Here To Find More Facebook Related posts.

The Facebook Like Button is the quickest and easiest way for people to share content with their friends. We can also display a Share button next to the Like button to let people add a personal message and customize who they share with.

See the below image what information is require to add the Facebook Like Button on your website.
 

facebook like button for website

 
It require to set the following parameter.

Url : It is the Url of the website for which we are going to set the facebook like button

Width: Facebook like button width

Layout: It support the different layout like standard, box count, button count and button. We can choose as per requirement and you can find the look of the format on the below image.

Action Type: Like or Recommend
 

facebook like button different styles

 
After you setup the all above information, last step is to get the code that will be placed on web page below the body tag.

1.  Include the JavaScript SDK on your page once, ideally right after the opening <body> tag.

<div id=”fb-root”>
</div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3”;
fjs.parentNode.insertBefore(js, fjs);

}(document, ‘script’, ‘facebook-jssdk’));</script>

2.  Place the code for your plugin wherever you want the plugin to appear on your page.

<div class=”fb-like” data-href=”https://developers.facebook.com/docs/plugins/” data-layout=”box_count” data-action=”recommend” data-show-faces=”true” data-share=”true”></div>

You can change the any thing you require directly on above code or just get the code from the Facebook developer site from the below link. The Facebook like has many properties and all details information is provided on the below link.

Get Code Of Facebook Like Button

Leave a Reply

Your email address will not be published. Required fields are marked *