Facebook comments on my website work well except the fact when someone comments on one article that same comment shows up on every article on the website. Obviously, I don\'
I have same problem, tried the solution offered by "juicy scripter" and I get "The comments plugin requires an href parameter." Then I found out juicy's solution should work if you use the XFBML version of the plugin.
In any case the solution I implemented on my static php site was to replace the href/URL with this code
<?php echo('http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']); ?>
You using same data-href
attribute for comments social plugin on all pages (linking comments to http://example.com)
You should either provide URL of your post or leave this attribute empty (current page URL is used by default if this attribute missing or empty) on each page comments social plugin placed.
Don't use the root url for the data-href
. You need to generate the url for each page dynamically. E.g. if this was a WordPress blog, you would use php code data-href="<?php echo(get_permalink()) ?>"
I put the page url after the domain and it's work for me. MyDomain is the domain I out when I create the code on the Facebook comments.
<div class="fb-comments" data-href="http://MyDomain/Mypage URL" data-numposts="5" data-colorscheme="light"></div>
The problem is data-href.
Use dynamic URL instead.
For eg. If you want Facebook comment for every page separately.
PHP :
data-href="<?php echo 'http://'. $_SERVER['SERVER_NAME'] . $_SERVER['REQUEST_URI']; ?>"
Hope it help someone.
This would work fine, but I found that in one site I could not use PHP. So This worked for me as a javscript solution. Simple replace the comments div with this javascript code...
<script>document.write("<div class='fb-comments' data-href='" + window.location.href + "' data-num-posts='2' data-width='470'></div>");</script>