title: Detect if facebook page plugin is loaded
body: <p>I need to know when the Facebook page plugin is loaded, because sometimes it takes a lot of time, and it leaves a white space.</p>
  
  <p>I've embedded the page plugin as <a href="https://developers.facebook.com/docs/plugins/page-plugin" rel="nofollow">facebook</a> said</p>
  
  <pre><code>&lt;div id="fb-root"&gt;&lt;/div&gt;
  &lt;script&gt;(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/es_LA/sdk.js#xfbml=1&amp;version=v2.4&amp;appId=XXXXXXX";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));&lt;/script&gt;
  </code></pre>
  
  <p>And then as the facebook's <a href="https://developers.facebook.com/docs/plugins/page-plugin" rel="nofollow">example</a>:</p>
  
  <pre><code>&lt;div class="fb-page" data-href="https://www.facebook.com/facebook" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="true"&gt;&lt;div class="fb-xfbml-parse-ignore"&gt;&lt;blockquote cite="https://www.facebook.com/facebook"&gt;&lt;a href="https://www.facebook.com/facebook"&gt;Facebook&lt;/a&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>It works ok, but I need to know when it's loaded, so I can show it after all.</p>
  
  <hr>
  
  <p>UPDATE</p>
  
  <p>After lot of days, I just hide the box and show it after 1 minute, but sometimes it still not load the page. Any idea?</p>
  
  <p>Thanks!</p>