I added Facebook comments to my blog a two months ago. It’s proven to
be a popular addition to the site. Most people stay signed in to
Facebook when they browse the web so it has encouraged more comments on
posts.
I initially tried a few different ways of integrating
comments on my site. I followed some long drawn out tutorials that
required lots of editing and I tried a few plugins too. Through trial
and error I found that the the best way to integrate Facebook comments
on your WordPress website is to use the official Facebook plugin Comments Box (Note, this is not a WordPress plugin).
Step 1: Create A Facebook App
The first thing you need to do is visit the Facebook Application page and click on ‘Create New App’.
All you need to do is give your name an appropriate name e.g. YourSite.com Comments. Facebook will provide you with and App ID/API Key and App secret key.
Step 2: Customise Your Facebook Comment Area
Next thing you should do is go to the Facebook Comments code. Don’t worry about the ‘URL to comment on’ field for the moment. You simply need to choose how many comments you want per page, the width of your comment area and whether you prefer the light or dark scheme.
Step 3: Add Facebook Code To Your Header.php Template
When you click on the ‘Get Code’ button you will be presented with two options: HTML5 and XBFML (iframe isn’t available for comments). I recommend using the HTML5 version.If you have created more than one application on Facebook, make sure you select the appropriate application for your comments so that the correct ID is generated in the code.
The first piece of code should look something like this:
<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/all.js#xfbml=1&appId=YOURAPPLICATIONID";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Open up your header.php template and add the code just below the body tag e.g. directly after <body>. After you have added the code, save the file.
Step 4: Add Facebook Code To Your Comments.php Template
The second piece of code that Facebook provides looks something like this (it depends on how many posts you specified per page and the widget of the comment area):
<div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="500"></div>
The default code that Facebook provides links to a static URL therefore we need to modify the code so that the current page is linked (i.e. the permalink). To do this, all you need to do is replace data-href=”http://example.com” with data-href=”<?php the_permalink() ?>”.
Your code should now look something like:
<div class="fb-comments" data-href="<?php the_permalink() ?>" data-num-posts="2" data-width="500"></div>
To add this to your comment area, all you need to do is add the above code to your comments.php template. Where you should add this code depends on how your comments.php template is coded and whether you want Facebook comments to appear above or below WordPress comments.
If you have followed these steps correctly, you should now see Facebook comments either above or below your regular WordPress comments.
Overview
This tutorial showed you how you can add Facebook comments to your comments.php template. Once it has been completed, Facebook comments will appear on your posts and pages.If you are unsure about any part of this tutorial, please let me know and I will clarify the step for you.
Source: http://richwp.com/add-facebook-comments-wordpress-website/
.jpg)
.jpg)
Tét
ReplyDeleteSr
ReplyDeleteI recently found many useful information in your website especially this blog page. Among the lots of comments on your articles. Thanks for sharing.
ReplyDelete10gbs streaming servers
Thank you because you have been willing to share information with us. we will always appreciate all you have done here because I know you are very concerned with our. wordpress virus remova
ReplyDeleteIf you are looking for a heating and air conditioning company in the Tulsa County area, Our professional technicians can help you select, install, and maintain equipment to assure efficiency, reliability, and comfort over the lifetime of your products
ReplyDeleteddos protection
I'm glad I found this web site. I couldn't find any knowledge on this matter prior to.Also operate a site and if you are ever interested in doing some visitor writing for me if possible feel free to let me know. im always look for people to check out my web site.
ReplyDeletereliable hosting solution
Great post, and great website. Thanks for the information! Ozzun Cheap Domain and hosting company
ReplyDeletecảm ơn bạn đã chia sẻ những kiến thức thật tuyệt này, trang web của bạn đã giúp tôi có nhiều kiến thức hơn. website designing Service
ReplyDeleteCool stuff you have got and you keep update all of us. wordpress plugin
ReplyDeleteKeep up the good work , I read few posts on this web site and I conceive that your blog is very interesting and has sets of fantastic information. wordpress plugin
ReplyDeletebài viết của bạn chia sẻ cho chúng tôi rất bổ ích, có nhiều thông tin mà chúng tôi cần biết để bổ sung cho mình! website designing Service
ReplyDelete