Integrate Facebook Comments box on your website ~ Web CodeHelpers

Integrate Facebook Comments box on your website

Facebook  Comments box is a social plugin that enables people to comment on your site. Features include moderation tools and distribution.





Step 1:

To Integrate facebook Comments Box on your website , you need a facebook app id check below link


Create Facebook App as per Lastest Facebook Revision
Step 2:

After getting the App ID

Include the JavaScript SDK on your page once, ideally right after the opening <body> tag.

In the below code at the line number 7, you need to replace your "appId" with existing "appId"

<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/all.js#xfbml=1&appId=XXXXXXXXXXX";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


Place the code for your plugin wherever you want the plugin to appear on your page. In the

Facebook Comments Box Code


<div class="fb-comments" data-href="http://webcodehelpers.com" data-width="470"></div>

Facebook Comment Box Example

0 comments :

Post a Comment

Subscribe updates via Email