How to Fix White Blank Facebook Comments Plugin Widget Error?

0

Facebook Comment Plugin is the great social plugin used by many small and larger bloggers to cooperates leaders to get the feedback from their users and the visitors on their website. The Facebook Comment plugin is also easy to integrate and manage.

Though it has some disadvantages, but still it is a great helpful tool to collect the comments from the users. The Facebook comment widget also helps the webmasters to fight against the spammers and keep their website neat and clear.

After 16 August 2016, some of the webmaster is facing problem in displaying the Facebook Comments Plugin widget on their website due to some changes in the API by Facebook. In July 2016 Facebook announced to upgrade their APIs and asked the Facebook app developers to make the necessary changes required to keep running the Facebook Comment Plugin widget error free before 8th August 2016.

If the Facebook Comment Plugin widget has stopped showing comments, or showing a blank page or some strange error this is probably because you have not to upgraded to the latest API. Well, you can still fix the error by upgrading to the latest available API and without losing any of your comments.

If in case you are using WordPress and have installed some WordPress plugin to display the comment box you have to update the plugin and this will fix the issue automatically.

If in case you have manually added the Facebook comment plugin on your website you have to make the following changes:

In the JavaScript Code:

<div id="fb-root"></div>
<script>(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/en_GB/sdk.js#xfbml=1&version=v2.7&appId=YOUR_FB_APP_ID";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

In the HTML Code (to display the comment box)

<div class="fb-comments" data-href="Replace_with_URL" data-numposts="5" 
data-order-by="reverse_time" data-width="100%" data-colorscheme="light" data-mobile="true">
</div>

For latest changes You can refer to: developers.facebook.com/docs/lugins/comments/

Comments

Loading...