Enable Comments Evolved Pluging for Moderate Facebook Comment in WordPress.

Comment 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.

Step 5: Just Above </head> tag past 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/tipsviablogging’ property=’fb:admins’/>
<meta content=’article’ property=’og:type’/>

Note:

  1. Replace Tipsviablogging With Your Own Site Name
  2. Replace LOGO-IMAGE-LINK with your blog logo image URL.
  3. Replace YOUR_APP_ID with your Facebook app id.
  4. And Lastly replace http://www.facebook.com/tipsviablogging 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  : &#39;YOUR_APP_ID&#39;,
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(&#39;script&#39;);
e.src = document.location.protocol +   &#39;//connect.facebook.net/en_US/all.js&#39;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).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.

facebook-comment-moderator-wrodpress

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.

18 Comments

Leave a Reply to Umesh Tarsariya Cancel reply

Your email address will not be published. Required fields are marked *