how to get email id of Facebook user using javascript sdk

Question

I am using JavaScript API to create my app for Facebook. The problem is, it's returning
email = undefined.

I don't know why? And if I use Facebook login/logout button on my app then the alert shows correct email id of the user but I don't want to do that. What am I missing?

Here is my code:

<p><fb:login-button autologoutlink="true" perms="user_about_me,email"></fb:login-button></p>

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

  FB.getLoginStatus(function (response) {
    if (response.session) {
      greet();
    }
  });
};
(function () {
  var e = document.createElement('script');
  e.type = 'text/javascript';
  e.src = document.location.protocol +
  '//connect.facebook.net/en_US/all.js';
  e.async = true;
  document.getElementById('fb-root').appendChild(e);
} ());

function greet() {
  FB.api('/me', function (response) {
  alert('Welcome, ' + response.name + "!");
  alert('Your email id is : '+ response.email);
});
}
</script>

score 107 · Answer 1 · answered Aug 01 '15 at 12:53

107

// https://developers.facebook.com/docs/javascript/reference/FB.api/
// v2.4

FB.api('/me', { locale: 'en_US', fields: 'name, email' },
  function(response) {
    console.log(response.email);
  }
);

answered Aug 01 '15 at 12:53

masakielastic

4,540
1
39
42

1

this was what helped me – Benjamin Sep 13 '17 at 12:43
why do fb guys keep fidling around....?!?!?! Tx @masakielastic! It has been hours, til I find your answer! – Pedro Ferreira Dec 02 '17 at 00:46
To be clear, if you're doing this and not getting the email back, make sure you call FB.login(..., { scope: "email" }). This is required in v6. – Judah Gabriel Himango Mar 20 '20 at 05:22

score 16 · Answer 2 · edited Apr 22 '13 at 14:05

here is example how i retrieve user name and e-mail:

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>

<script>
  $(function() {
    FB.init({
      appId  : 'APP_ID',
      status : true, // check login status
      cookie : true, // enable cookies to allow the server to access the session
      xfbml  : true  // parse XFBML
    });

    FB.getLoginStatus(function(response) {
      if (response.status == 'connected') {
        getCurrentUserInfo(response)
      } else {
        FB.login(function(response) {
          if (response.authResponse){
            getCurrentUserInfo(response)
          } else {
            console.log('Auth cancelled.')
          }
        }, { scope: 'email' });
      }
    });

    function getCurrentUserInfo() {
      FB.api('/me', function(userInfo) {
        console.log(userInfo.name + ': ' + userInfo.email);
      });
    }
  });
</script>

For me was just { scope: 'email' } missing. – Thalis Vilela Oct 31 '19 at 21:57 — Thalis Vilela, Oct 31 '19 at 21:57

score 9 · Answer 3 · answered Aug 23 '13 at 07:53

9

<button id="fb-login">Login & Permissions</button>

<script>
document.getElementById('fb-login').onclick = function() {
  var cb = function(response) {
    Log.info('FB.login callback', response);
    if (response.status === 'connected') {
      Log.info('User logged in');
    } else {
      Log.info('User is logged out');
    }
  };
  FB.login(cb, { scope: 'email' });
};
</script>

Use this to for extra permission

for more details visit : https://www.fbrell.com/examples/

answered Aug 23 '13 at 07:53

Ram Balwad

269
1
4
11

1

*, { scope: 'email' }* , saved life. Tried many... only this solutions worked for me. – Vikrant Oct 05 '16 at 06:39
1

{ scope: 'email' } was the missing piece for me. Thanks! – zoan Jul 03 '18 at 20:33

score 9 · Accepted Answer · answered Oct 19 '11 at 12:35

9

According to the latest info on the facebook page you should use 'scope' instead of perms. https://developers.facebook.com/docs/reference/javascript/FB.login/

If you visit

https://developers.facebook.com/tools/console/

and use the fb-api -> user-info example as a starting point, then logout and back in again, it should ask you for email perms and you can see your email being printed. It is done using response.email as you mention in your post.

answered Oct 19 '11 at 12:35

TommyBs

9,354
4
34
65

thanks for your reply, i have one more query that how to get the email id from which the user have logged in? there are other email ids aswell related to one profile ... – user958414 Oct 19 '11 at 13:40
you'd have to use your apps access token instead of the users and then use that to retrieve the information you need – TommyBs Oct 19 '11 at 14:17

score 1 · Answer 5 · answered Dec 19 '17 at 11:13

In this code i have get user data form facebook and store into my database using ajax

 FB.login(function(response) {
          if (response.authResponse) {
         FB.api('/me?fields=email,name,first_name,last_name', function(response) 
         {
             FB.api(
             "/"+response.id+"/picture?height=100",
                                    function (responses) {
                                        //console.log(responses.data.url)
                                                    response['profile_pic']=responses.data.url;
                                        $.ajax({
                                                   type:"POST",
                                                   url:'<?php echo base_url(); ?>'+'home/facebook_get_signup',
                                                   data:response,
                                                   success:function(res)
                                                   {
                                                       if(res=='success')
                                                       {

                                                           window.location='<?php echo base_url(); ?>';
                                                       }
                                                       if(res=='exists')
                                                       {
                                                           window.location='<?php echo base_url(); ?>';  
                                                       }
                                                   }
                                               });

                                    }
                                )
         });
        } else {
         console.log('User cancelled login or did not fully authorize.');
        } 
      // handle the response
        }, {scope: 'email,user_likes'});

score 0 · Answer 6 · answered Oct 19 '11 at 13:02

There are a couple of things wrong with your solution. First of all you are using the old authentication scheme. You should use the new one described here : https://developers.facebook.com/docs/reference/javascript/

You need to add the oauth:true to your init function, and make sure that your getLoginStatus looks for the new type of response.

When that is said you need to make sure you have the right permissions to see the users e-mail. You can see the required permissions here: http://developers.facebook.com/docs/reference/api/user/

You get those by using the FB.login function as described by TommyBs in another answer.

Once you have those options you can use the FB.api function to get the e-mail.

how to get email id of Facebook user using javascript sdk

6 Answers6

Linked

Related