Question

I have the following code to display the FB Like box in a file called notify.html.

<div id="fb-root" class="fb_like"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<fb:like-box href="http://www.facebook.com/platform" width="270" height="250" show_faces="true" border_color="black" stream="true" header="true">
</fb:like-box>                              

This file is included in all my other pages such that everything in notify.html shows up in a sidebar for all pages.

However, the FB like box only shows up on one page,, and that happens to be the page where I also have the FB registration form.

Why does it not show up in other pages?

The FB registration code on the one page the like box shows on is

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
   FB.init({
      appId:'0000000000000', cookie:true,
      status:true, xfbml:true
   });
</script>
<fb:registration
  fields="[{'name':'name'},{'name':'emailEdu','description':'Your .edu Email','type':'text'},{'name':'captcha'}]"
  redirect-uri="http://myurlhere.com">
</fb:registration>

Answer 1

You need the FB.init method once on every page you want to use the api with. If you only have the code from that first example and nothing else, its not working because you haven’t initialised the FB object. On the registration code you have the FB init, which is why it suddenly starts working.