Why does fb:fan control disappear after login with requireSession on external page?

Posted by Max on Stack Overflow See other posts from Stack Overflow or by Max
Published on 2010-03-17T10:39:00Z Indexed on 2010/03/17 10:41 UTC
Read the original article Hit count: 189

Hi,

Reqs:

  • I want to make an external page with a 'Become a Fan'-button.
  • I want users to login to facebook once they open the page (this is because of other features in the site)

So I call FB.Connect.requireSession once the page loads, and put a <fb:fan></fb:fan> control on the page.

Then when I open the page I see the 'Connect with Facebook to Continue' pop-up and a small 'Become a fan' button. This seems right. When I log in to Facebook using the pop-up the 'Become a fan button' disappears!!

Can anyone explain this weird behaviour or does someone know a way to reach my requirements in a different way.

Below you can see my code.

Thanks in advance!

    <!-- Head -->
    <script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/nl_NL" type="text/javascript"></script>
    <script type="text/javascript">

        var fbApiKey = "MY_KEY";
        var fbXdReceiver = "xd_receiver.htm";

        function fbLoad() {
            FB.init(fbApiKey, fbXdReceiver);

            FB.ensureInit(function() {
                FB.Connect.requireSession(null, null, false);
            });
        }

    </script>


    <!-- Body onload="fbLoad();" -->
    <fb:fan profile_id="24932281961" name="Nutella" id="fanButton" stream="0" connections="0" logobar="0" width="250"></fb:fan>

© Stack Overflow or respective owner

Related posts about facebook

Related posts about facebook-api