Home/ Questions/Q 8364115
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T12:21:17+00:00

I was looking at logging all the users that entered the website using FB

  • 0

I was looking at logging all the users that entered the website using FB .with the help of purushotam ( see my other question) was able to proceed.

here are my new issues:
1) how can I get/use the facebook provided button. Reason is I want user to get the same user experience. (facebook button bluish button)
2) once the user logs in than , I want to send a alert and than go to the website I re-directed (in example I have stackoverflow). Because FB is non blocking asynchronous, I see before the FB returns the value the website is getting redirected. how to resolve this issue.
3) When a user tries to login I dont want the FB popup- I want to have the FB login in a new page (just like stackoverflow login) how can I do that ..

  <body>
        <div id="fb-root"></div>
<script>

      window.fbAsyncInit = function() {
          FB.init({appId: 'xxxx', status: true, cookie: true, xfbml: true});

      };
      (function() {
        var e = document.createElement('script'); e.async = true;
        e.src = document.location.protocol +
          '//connect.facebook.net/en_US/all.js';
        document.getElementById('fb-root').appendChild(e);
      }());

    function fetchUserDetail()
    {
        FB.api('/me', function(response) {
                alert("Name: "+ response.name + "\nFirst name: "+ response.first_name + "ID: "+response.id);
            });
        window.location.href = 'http://www.stackoverflow.com';  
    }

    function checkFacebookLogin() 
    {
        FB.getLoginStatus(function(response) {
          if (response.status === 'connected') {
            fetchUserDetail();
          } 
          else 
          {
            initiateFBLogin();
          }
         });
    }

    function initiateFBLogin()
    {
        FB.login(function(response) {
           fetchUserDetail();
         });
    }
    </script>


 <input type="button" value="Sign in using Facebook" onclick="checkFacebookLogin();"/>


</body>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    1) how can I get/use the facebook provided button. Reason is I want user to get the same user experience. (facebook button bluish button)

    https://developers.facebook.com/docs/reference/plugins/login/,
    https://www.facebook.com/brandpermissions/logos.php

    2) once the user logs in than , I want to send a alert and than go to the website I re-directed (in example I have stackoverflow). Because FB is non blocking asynchronous, I see before the FB returns the value the website is getting redirected. how to resolve this issue.

    Sorry, I don’t really get what you’re asking here. Please try to be more specific.

    3) When a user tries to login I dont want the FB popup- I want to have the FB login in a new page (just like stackoverflow login) how can I do that ..

    Don’t use FB.login then, but redirect the user to the URL of the Auth dialog; see https://developers.facebook.com/docs/authentication/client-side/#no-jssdk

    • 0