Hi All,
I have integrate the fb login and my profile pic is also displayed at my webpage. I use the following thing.
First I create an application on FB from there I got the Application ID and use the below code. After this the FB Login PopUp will Appeared. But I am facing one Problem.
<script src="connect.facebook.net/en_US/all.js" language="javascript" type="text/javascript"></script>
<html xmlns:fb="http://ogp.me/ns/fb#">
<body>
<div id="fb-root">
</div>
<script type="text/javascript">
window.fbAsyncInit = function () {
// init the FB JS SDK
FB.init({
appId: 'My APP ID', // App ID from the app dashboard
channelUrl: 'My Application URL', // Channel file for x-domain comms
status: true, // Check Facebook Login status
xfbml: true // Look for social plugins on the page
});
// Additional initialization code such as adding Event Listeners goes here
};
// Load the SDK asynchronously
(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/all.js";
fjs.parentNode.insertBefore(js, fjs);
} (document, 'script', 'facebook-jssdk'));
</script>
<script type="text/javascript"> (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/all.js#xfbml=1&appId=My App ID";
fjs.parentNode.insertBefore(js, fjs);
} (document, 'script', 'facebook-jssdk'));</script>
</body>
</html>
<fb:login-button show-faces="true" width="200" max-rows="1"></fb:login-button>
NOTE: Now Please let me know how to redirect the user to my Application Landing Page, After click on Facebook Login Page?
Regards Sourabh Soni
Facebook Integration
Vote As Helpful"! And whenever you see a reply being an answer to the question of the thread, click "
Mark As Answer
