Facebook Javascript SDK FB not defined

Question

I get error FB not defined when using Facebook Javascript SDK

FB.init({
    appId: '{APP ID}',
    status: true,
    cookie: true,
    xfbml: true
});

Jsfiddle

Sahil Mittal · Accepted Answer · 2014-04-26 07:31:10Z

6

Two things-

I can't see the JS SDK been loaded.
You have to call your FB functions after the SDK is loaded asynchronously, else it will throw that FB is not defined

So, to fix it-

// This will be triggered automatically after the SDK is loaded successfully
// write your FB fucntions inside this
window.fbAsyncInit = function() {
   FB.init({
     appId: '{app-id}',
     status: true,
     cookie: true,
     xfbml: true
   });

   FB.getLoginStatus(function (response) {
     if (response.status === 'connected') {
        GetData();
     } else {
        Login();
     }
  });
};

// JS SDK - this will be loaded 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'));

function Login() {
   ...
   ...
}

function GetData() {
   ...
   ...
}

Reference

Edit:

I saw that you are requesting for the permission email and yet not using it. Use the actual email (not the facebook one) with- response.email

edited Apr 26, 2014 at 7:31

answered Apr 26, 2014 at 6:34

Sahil Mittal

20.7k12 gold badges68 silver badges91 bronze badges

Sign up to request clarification or add additional context in comments.

11 Comments

B L Praveen Over a year ago

I have updated the jsfiddle still I see the function window.fbAsyncInit is not called

B L Praveen Over a year ago

I am listing facebook friends email id. It does not show anything

Sahil Mittal Over a year ago

I'm getting the result in console. Aren't you getting anything in console? not even any error? Another thing- use that with a valid url, you are using the jsfiddle url which is not configured in the app settings, so you must be getting error: "Giver URL is not ....."

B L Praveen Over a year ago

No I am not getting any result in console. fbAsyncInit function is not called. I put an alert and tested. It is not called at all

Sahil Mittal Over a year ago

In fiddle i can see error "Given URL is.." because in app settings you have not configured the site url to jsfiddle.....

|

Collectives™ on Stack Overflow

Facebook Javascript SDK FB not defined

1 Answer 1

11 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

11 Comments

Your Answer

Sign up or log in

Post as a guest

Related