Question

I am trying to have a connect button on my site. Once the user has clicked the Facebook login button, the popup will ask the user to enter the authentication detail and the parent window will either redirect or refresh the page and the login button will become a logout button.

My problem is when a user clicks the connect button from the popup, the popup page redirects to my canvas page rather than closes the popup instead.

Answer 1

Many people have posted this issue, if you have done everything else right, the reason for this is xd_receiver file was not read by the fb.

You need to make sure that where your fb connect button is, you specify the correct path to xd_receiver.html file somewhere on bottom of that page. Something like below:

<script type="text/javascript">
    FB.init("your api key here", "xd_receiver.htm");
</script>

It is even better and easier to put the xd_receiver file on your site’s root folder and specify it with full domain url like this:

<script type="text/javascript">
    FB.init("your api key here", "http://www.yoursite.com/xd_receiver.htm");
</script>