Now a days integration of facebook with application is very common requirement which we see from any client and there are multiple ways to integrate but in this article I am going to explain you how to integrate facebook like button with your website using javascript
To access facebook API's first we need to initialize facebook sdk by inserting below snippet directly under
<body> tag
Initialize FaceBook SDK
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '1374507272793832',
xfbml : true,
version : 'v2.1'
});
};
(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";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
The important thing which we need to keeep in mind is appId : '1374507272793832'
You can get appId by going to https://developers.facebook.com/ Settings and App ID
Render Like Button
You need to call below code to render like button
<div class="fb-like" data-send="true" data-width="450" data-show-faces="true"> </div>
0 comments:
Post a Comment