That's just one social plugin, a "ready-to-use" tool if you want information to fill up automatically if user is already signed up in Facebook.
you would only need the Facebook Connect button and request the permissions you need, or use the Facebook Javascript SDK (witch is the one I use most) to accomplish what you want.
Let's say that you only need email and name, so: Basic + Email permissions:
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR_APP_ID', // App ID
channelURL : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel File
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
oauth : true, // enable OAuth 2.0
xfbml : true // parse XFBML
});
// Additional initialization code here
};
// Load the SDK Asynchronously
(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));
function facebookLogin() {
FB.login(function (response) {
access_token = response.session.access_token;
if (response.session) {
if (response.perms) {
// refresh page
window.location.reload();
} else {
// user is logged in, but did not grant any permissions
}
} else {
// user is not logged in
}
}, { perms: 'email' });
}
</script>
and in your page use:
<a href="#" class="myButton" onclick="facebookLogin();">Connect to Facebook</a>
or if you want to use Facebook buttons:
https://developers.facebook.com/docs/reference/plugins/login/
custom examples: http://www.fbrell.com/xfbml/fb:login-button
after the window.location.reload(); you are able to get what you want from facebook, such as the the user Name, Email, etc with
FB.api('/me', function (user) {
if (user != null) {
if (user.error) {
// can't get info
} else {
var image = document.getElementById('image');
image.src = 'https://graph.facebook.com/' + user.id + '/picture';
var name = document.getElementById('name');
name.innerHTML = user.name
}
}
});
more here: https://developers.facebook.com/docs/guides/web/
