Question

I’m trying to set up the Facebook comments social plugin. The plugin will be set up so that each product page on our site will have a comments plugin with a unique URL. I want to be able to moderate all the comments together, which should be able to be done with the comments moderator tool on Facebook.

I can put the social plugin on the page with it linked to the respective app ID, but I don’t see any comments appear on the moderation tool at: https://developers.facebook.com/tools/comments

The code on the page is this:

<div id="fb-root"></div>
<script type="text/javascript" language="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_US/all.js#xfbml=1&appId=[appid]";
     fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>

Then later…

<meta property="fb:app_id" content="[appdid]"/>
<div class="fb-comments" data-href="http://www.testtesttest.com/" data-num-posts="2" data-width="" data-colorscheme="dark"></div>

It’s important to note that for now I’m actually using the URL testtesttest.com, but I am putting in my actual app ID in the app ID spots.

I do this and can post comments to the page fine. However, I see nothing in the moderation tool. Any suggestions on what I could be doing wrong? Has anyone gotten this to work successfully? I’m not sure if my app is set up wrong, or there is a url match issue, or domain issue. I’m not sure where to start.

Thanks!

Answer 1

I figured out what was going on. I was debugging on my local machine, and it seems that the facebook admin integration wouldn’t work there. Once I moved it to a production/visible server the debugger worked: https://developers.facebook.com/tools/debug

I was then able to troubleshoot the main problems and get the comments integrated. It’s odd because the commenting itself will work locally. Live and learn I guess.