Home User profile
tagDiv Member
This user did not write anything. So we are just showing here some random text to make the profile page look nice :)
leoforce
tagDiv Member

It is happening to me as well…

leoforce
tagDiv Member

Now… one more thing.

I strugled a little to add the Facebook Comments Moderation Tool.
Although he Facebook Developer guide for comments it’s sufficient and easy to follow it can be a litle tricky and can mislead your perception that moderation is not working. Here is hw I fixed to add Moderation Tool to my Facebook Comments Plugin. Here it is the documentation from facebook: https://developers.facebook.com/docs/plugins/comments/#moderation

First of all, you have to be in a point where you already see Facebook comments plugin on your page(s), okay? Only after you fix this is the time to step forward to add moderation on it.

1 – You have to make sure you Facebook App you’ve just created for your comments it is well setup. To make sure, go to you App Panel (https://developers.facebook.com/apps) open your app and make sure that a) it’s live/public under APP REVIEW section (right menu) and then that your configuration for your app is complete under Configuration (or Settings depending of your language). In this configuration section you have to make sure you have added a plataform for website / site. To add that you just click in Add new Plataform on the bottom of the page and select the option SITE. In the field that will open you put your URL for your blog for example: http://nicedomainname.com/blog. After you’ve done this you go to field up above named App Domains and inform the main domain name which is this case would be: nicedomainname.com and then you save your configurations. This all you have to do in your app before proceed.

2 – Then, you go to the moderation tool and do a little tunning on it. To access Facebook’s moderation tool you can use this link: https://developers.facebook.com/tools/comments. Make sure you select the app your are working on from the drop-box. Then you just need to click on Configuration (or Settings depending of your language) and do some adjustments on the options it shows. Observe that this is where you say to Facebook to mirror all comments from your blog from/to one of your FB’s pages (this option only works from the time you activate this and cannot be deactivated for a page after it is done, so choose it carefully although it is a nice feature). And for the last make sure you add all moderators under the moderators tab including yourself. (Note that you have to be friend of the person you want to add as moderator). You can explore all other options but basically in this area that’s all you need.

3 – Then you will need a little of programming again. But it is just a little. All you have to do is to add this litte piece of code within your <head> tag in your header.php file: <meta property=”fb:app_id” content=”YOUR APP ID” /> …. more specifically add this under this line <meta charset=”<?php bloginfo( ‘charset’ );?>” />. In the end your header could look like this (I’m using Newspaper so pay attention for any different. However the end result should looks similar):
<head>
<title><?php wp_title(‘|’, true, ‘right’); ?></title>
<meta charset=”<?php bloginfo( ‘charset’ );?>” />
<meta property=”fb:app_id” content=”YOUR APP ID” />
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<link rel=”pingback” href=”<?php bloginfo( ‘pingback_url’ ); ?>” />
<?php
wp_head(); /** we hook up in wp_booster @see td_wp_booster_functions::hook_wp_head */
?>
</head>

4 – Update your site, purge all caches and wait Facebook scrap recycling identify all changes which can take hours or days. And this is where I can say can be tricky and misleading. Because all you need to do are within the 3 steps above. However, if you try to immediatly see the moderation tool gets activated that will not attend your expectations because facebook is slow to identify all changes. BUT, and this is a nice thing, you can FORCE facebook to extract your pages and identify the brand new tag you’ve just inserted on your header.
All you need to do is to go to debug page and force this. The link is this: https://developers.facebook.com/tools/debug/sharing. Paste your URL with the facebook plugin and check if facebook can read your app id. In most cases the last time facebook extrated your page could be days before. Than you have this button “Extract again” that will force Facebook system to read again your page. Check if now your metatags are correct and if you app id shows up in fb:app_id field. If it shows up you can now reload your page and see the option “Moderation Tool” in the Comment box: Like this https://scontent-gru2-1.xx.fbcdn.net/v/t39.2365-6/12448449_1702676243339764_782736789_n.png?oh=15556d00a727244cb75e95a9033048ad&oe=592F427A . If you don see anything yet or your App Id is not showing up after you have added to your header, check if you have paste the code correctly, if your App ID is correct, if your App is Public already or if you have updated your site (update a page for example) and if you have purged all caches. It has to be quite straight forward to implement this.

If you’ve done all right you will start seeing comments getting to be reviewed or in “public” area of Facebook moderation tool.

leoforce
tagDiv Member

Bogdan! This tutorial of yours worked just perfect!!! Thanks

So here it is in short what I did if you want to try
1. Get your App ID and Code for Comments from Facebook Developers. It is super easy but if you don’t know how to do, there are a lot of how-to on internet. However as a tip you just need to create a new App (for Website) and the use this link to configure the code for your site (https://developers.facebook.com/docs/plugins/comments#configurator)

2. After get your code from FB, you go and aste your big piece of code right after body tag (there is a screenshot about how to do that) http://screencast.com/t/97g6RJdc02cp

3. Change the file of each post templase you use.
In my case I changed all SINGLE_TEMPLATE files instead LOOP_SINGLE files. The only difference between change SINGLE_TEMPLATE files instead of the LOOP_SINGLE ones is the position where the Plugin will be placed. With you go with the Single_Template your comments area will be quite in the end of the post after all things (which I like more because it is more intuitive for users to find you comments area on the bottom). The LOOP_SINGLE files place your comment area after the post itself and before the author box. For me this mess a little the design.
So is you go with SINGLE_TEMPLATE follow this: http://screencast.com/t/wPRAEUTQrkU it should look like so: http://screencast.com/t/ie2S4vTFZ
But if you wnat the comments right after the Post itself change LOOP_SINGLE following this: http://screencast.com/t/TpOJKoUG8g
*** Use this code for the template files (do not use that one facebook says to paste on each page because only this one gets automatic the permalink for each of your posts) >>
<div class=”fb-comments” data-href=”<?php echo get_permalink($td_mod_single->post->ID); ?>” data-width=”100%” data-numposts=”5″></div>

and boom, you have noe a FB Comments plugin working pretty on your website

=D

  • This reply was modified 9 years by leoforce.
Viewing 3 posts - 1 through 3 (of 3 total)