Skip to main content

Integrate Facebook comment form into your website/blog

When you create a website/blog base on any template or CMS (content management system), the comment function is usually available for everyone visit the site. But that comments are only published on your site, your informations won't be known more than. To improve your site's popularity, you can use Facebook comment social plugin.


  • Create a Facebook app to get App ID/API Key:








    • Copy  App ID/API Key







  • Go to your site, open the html template to config and use Facebook comment form:

    • Insert below code before tag to add Javascript to your site:

    • [html]
      <script>
      window.fbAsyncInit = function() {
      FB.init({appId: PUT_YOUR_FACEBOOK_APP_ID_HERE, status: true, cookie: true,
      xfbml: true});
      };
      (function() {
      var e = document.createElement('script'); e.async = true;
      e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
      e.async = true;
      document.getElementById('fb-root').appendChild(e);
      }());
      </script>
      [/html]
    • Then, insert below code into everywhere your want to display Facebook comment form in:

    • [html]
      <!--FACEBOOK COMMENTS-->
      <div id='fb-root'/>
      <div class='fb-comments' data-href='http://www.your_website_here.com/' data-num-posts='5'/>
      <!--END FACEBOOK COMMENTS-->
      [/html]



Wish succeed!

Comments

Popular posts from this blog

Turn off AutoPlay on Windows

On Windows, when you insert an USB or a CD/DVD into your computer, they are usually opened automatically. So the computer maybe infected autorun virus. To avoid that, you should turn off AutoPlay function.

Create Wordpress page template

When creating a new page in Wordpress, we usually have a choice for the page template. It's call Default template . However, we sometimes need to make a new page with a new appearance. Then another page template is needed. Instead of downloading a shared page template from internet, we can create a new page template by below instructions.