I am trying to implement moderation on Facebook comments plugin, which will be used in my site. I have made sure the following two tags are inside the HTML head section :
<meta property="fb:admins" content="582222130,804179xxx"/>
<meta property="fb:app_id" content="280627238712xxx"/>
I have placed the script just above the end of body tag:
<script type="text/javascript"> (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=280627238712xxx";
fjs.parentNode.insertBefore(js, fjs);
} (document, 'script', 'facebook-jssdk'));</script>
I have got the div tag in the right place:
<div class="fb-comments" data-href="http://www.sss.net/xxx" data-num-posts="5" data-width="585">
The Facebook comment loads on the browser everything seems to work apart from the moderation when I visit this page there are no comments at all. I have made sure that I have added myself as an admin, there are no space in-between the ids in tags in head tag (fb:admins).
Do I need to configure any setting when creating a Facebook app?
got it fixed at last !!
I forgot to put the
<div id="fb-root"></div>
html tag, which created all these problems. Thanks a lot to everyone who made an effort to help ! Stackoverflow rocks !