How to Embed Facebook Comments Plugin in Your Site - Very Simple

 Facebook Comments Plugin :


Step-by-Step


Step 1. Choose URL or Page

Choose website URL which you want to use with comment plugin . like example ( https://webcoding-wordpress.blogspot.com )

Step 2. Code Configuration and setup

Copy you site URL first and then paste the URL into the facebook Code Configurator . You can adjust settings like the width of your comment plugin or how many posts you want to show by default (number of posts). Click to Get Code button to generate your comment plugin code.

Step 3. Copy and paste the code snippet

Copy codes and paste the codes into the HTML of your website or webpage where you want to apply the comments plugin .

Step 4.

Here are codes:-

<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_US/sdk.js#xfbml=1&version=v2.10&appId=1650782198325298";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

<div class="fb-comments" data-href=" Put Your Site URL Here " data-numposts="5"></div>

How to put your website url in facebook comments plugin codes , See :

Here is code where you have put site url data-href="https://webcoding-wordpress.blogspot.com

<div class="fb-comments" data-href="https://webcoding-wordpress.blogspot.com" data-numposts="5"></div>

For More Details , Go to  https://developers.facebook.com/docs/plugins/comments

Comments