fbReady Function, to execute things when facebook asynchronously loaded

fbReady.js

;(function(){
  // Function to have a list of functions to load on fbAsyncInit
  var toLoad = []
  window.fbReady = function(func){
    window.FB ? func.call(window) : toLoad.push(func)
  }
  window.fbAsyncInit = function() {
    FB.init({
      appId: "#{FACEBOOK_API}",
      status: true,
      cookie: true,
      xfbml: true
    })
    // Execute all the fbReady pending functions
    toLoad.forEach(function(func){
      func.call(window)
    })
  }
})();
(function(d, debug){
  var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all" + (debug ? "/debug" : "") + ".js";
  ref.parentNode.insertBefore(js, ref);
}(document, /*debug*/ false));

usage-example.html

<script src="fbReady.js"></script>
<script>
  fbReady(function(){
    FB.Canvas.setSize({ height: 1060 });
  })
</script>