dynamic facebook comment

dynamic_facebook_comment.html

<script type="text/javascript">
  window.fbAsyncInit = function() {
    FB.init({
      appId      : {{yourFacebookId}},
      xfbml      : true,
      version    : 'v2.6'
    });
    checker = setInterval(function(){ 
      if (!document.querySelector(".fb-comments iframe")) {
          spinner.setAttribute("class", "show");
      } else {
        clearInterval(checker);
        spinner.setAttribute("class", "hidden");
      }
    }, checkInterval);
  };
  var checker = undefined; 
  var checkInterval = 100;
  var putThisElemAfter = document.getElementsByClassName("description-container")[0];
  var comments = document.createElement("div"), spinner = document.createElement("div");
  comments.setAttribute("data-numposts", "5");
  comments.setAttribute("data-href", document.location.href);
  comments.setAttribute("class", "fb-comments");
  comments.setAttribute("data-width", "100%");
  spinner.style.width = "100%";
  spinner.style.textAlign = "center";
  spinner.innerHTML = '<img src="https://i1.wp.com/cdnjs.cloudflare.com/ajax/libs/galleriffic/2.0.1/css/loader.gif">';
  function insertAfter(referenceNode, newNode) { referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling); }
  if (typeof document.getElementsByClassName("description-container")[0] !== "undefined"  ) { insertAfter(putThisElemAfter, spinner); insertAfter(spinner, comments); }
  (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_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

How to use

1. https://developers.facebook.com/products/ go to here then create facebook app.
2. get facebook app id
3. copy id and paste on appId : {{yourFacebookId}},
   example: appId : 277889322342325,