[dropcap]C[/dropcap]omment Evolved is a WordPress based plugin which is use to apply multiple comment system in a wordpress. Its really a very easy to install, but the problem with this plugin is that developer had not provided a single solution for moderation Facebook comment. As a spammers are attacking through comments for online marketing, the admin of the website must have a grip on comment like editing, removing, notifying their own page comments made by visitors. The main problem with this plugin is they didn’t provided a feature to define who is the owner/ admin of the website. Well still the plugin gets updated we have to do it manually, its possible by creating a facebook app id. so lets begin the trick to moderate Facebook comment for WordPress.
Creating a Facebook App ID( 2014 ) :
I had share a post to create a Facebook app id, Just Follow the each step and copy your apps id, we have to use this id, for getting control over Facebook comment of comments evolved plugin.
Recommendation : How to Create FaceBook App Id For Website 2014?
Moderate Facebook comment of “comment evolved for wordpress” plugin.
Before proceeding further, i had assumed that you had installed and activated comment evolved plugin in your blog.
We have to add our header.php manually, before you proceed make sure that you backup your wordpress site.
Step 1: Login to your wordpress admin pannel.
Step 2: Navigate Appearance > Editor > Click on Header.php
Step 3: Now find following code by pressing ctrl+f.
</head>
Step 4: Just above </head> tag, paste following code.
<meta expr:content=’Tips Via BLogging’ property=’og:title’/>
<meta content=’Tips Via Blogging’ property=’og:site_name’/><meta content=’LOGO-IMAGE-LINK’ property=’og:image’/>
<meta content=’YOUR_APP_ID’ property=’fb:app_id’/>
<meta content=’http://www.facebook.com/iamheerentanna’ property=’fb:admins’/>
<meta content=’article’ property=’og:type’/>
Note:
- Replace Tipsviablogging With Your Own Site Name
- Replace LOGO-IMAGE-LINK with your blog logo image URL.
- Replace YOUR_APP_ID with your Facebook app id.
- And Lastly replace http://www.facebook.com/heerentanna with your own facebook page URL.
Step 6: Now find <body> tag, ( It might be look like: <body <?php body_class(); ?>> ). Just below this code add following script.
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR_APP_ID',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
Note: replace YOUR_APP_ID with your own app id which you had created earlier.
Step 7: Click on “Update File”
that set, now you will find that moderate and setting option in Facebook comment box of any of your post URL, but make sure that you had sign in with your Facebook account on which the apps id is created. See below image it will give you clear idea how it will look like.
Conclusion:
There are plugin also available to add Facebook open graph api, you can add it through it also. I hope this post had serve you what exactly, what you want. Kindly share your though experience about this tutorial.
I follow your step but it doesnot work
the facebook tab is “Loading Facebook Comments …” 🙁
demo:
I think their is a problem with the installation of the plugin on your blog, Kindly reinstall the plugin. Above trick is just use to create facebook apps and authorize the website admin to moderate facebook comment. their is nothing to do with the facebook comment box appearance.
you see the installation:http://wordpress.org/plugins/gplus-comments/installation/
they said, active plugin, that’s all!
but i cannot find feature “facebook config” in the plugin setting 🙁 (ex: creat app facebook and do anything else…)
I think the “facebook config” is your trick?
but I follow the step, the plugin doesnot work :((
can u suggest me some plugin like Comments Evolved. I want a system comment with wordpress, facebook and google plus
I think your problem is resolved now. If you still not be able to find moderate option their than just use below code.
<meta expr:content='Đức Mu Blog' property='og:title'/>
<meta content='Đức Mu Blog' property='og:site_name'/>
<meta content='LOGO-IMAGE-LINK' property='og:image'/>
<meta content='291545184347103' property='fb:app_id'/>
<meta content='duc.mu' property='fb:admins'/>
<meta content='article' property='og:type'/>
here duc.mu is your username of facebook.
thanks..
Thank you sooo much for this post!
I want to donate something for you !!!
Send me your paypal acccount and I’ll send some money.
It helped a lot …. i had a spammer that I couldn’t delete it’s comments….now I can.
thanks mate !
Hi Sebastian,
Happy to help : ) , Glad to know that this post is helping you to protect your blog or website from spammer. For the purpose of Moderation of facebook comment, we just need to define the admin. Thanks for landing on this blog.
My paypal email id: heeren.tanna@gmail.com
Thanks for your support to this blog 🙂
Hello,
First things first, I highly appreciate your efforts and well explained tutorial 🙂
I’ve followed your HOW-TO and double checked it, but it seems I can’t get it working!
Thanks in advance.
PS
I tried both, Page link and the admin ID!
Hello,
Just wanted to tell you that; it is working now.
Your efforts are highly appreciated, place accept my wishes for the best 🙂
thanks jack connors for sharing your view about this trick to moderate facebook comment. Stay Tuned.
Hey Umesh, great post. I just started with a WordPress blog and I was thinking of upgrading the comment system. I installed the JetPack plug in but it didn’t provide a too good UI. And then I came across this post. I gotta say, it helped me a lot. Thanks.
hi, Niladri Chatterjee.
Their is not big deal with this tricks, but many new people who used to with the CMS and don’t know coding and all that stuff for them this post will surly help them. Glad to see you again on this blog. Keep in touch, ^-^
i can’t seem to get this working. i did followed the instructions but the moderate button is just not there. can i get a little help pls ? thanks.
hi, one question. right now im only testing this with localhost(WAMP). and i cant get this working. do i have to host my site somewhere or i can get this working even with localhost ?
Actually facebook store data with specific URL.. in local host there is no URL. I dont know whether it will work on local host or not.. but try it.. and please share your experience with our reader too
Can you help me a bit aswell? 🙂
I’ve completed this steps but the Moderate link does not appers.
Preview:
I think you are using WordPress. For that I have written one article “ Moderate facebook comment. Kindly reffer it It will surly helpful to you.
To follow-up, I fixed the problem.
Basically it was a cache issue to do with the Facebook Open Graph. Go to https://developers.facebook.com/tools/debug/og/object/ – enter the relevant page with the comments in, and click the ‘fetch new scrape information’ button.
Took me 3 hours to figure that out, couldn’t find the answer anywhere on the whole damn internet lol.
FYI using the latest WordPress version and Yoast SEO with the relevant FB App ID inside and the meta tags properly filled up, there was no need to use the code that you have provided above to obtain the moderation function.
You just need to properly set up the App settings on FB. That’s another damn hard thing to do but there’s plenty of information on that elsewhere.
Well there are many plugins through which you will be able to resolve your problem. You have mention entire problem with solution might be few of our visitors will be benefited through this comment. Thanks a lot for your comment.
What ever plugin you use, it will work on above core fundamentals. facebook need to identify that you are the real owner of that site and hence we have to create and add app id in header tag. Plugins will be works in that manner only.