Facebook点赞按钮

Question

i'm trying to integrate facebook like button with every post that i read from db.

I got the code from https://developers.facebook.com/docs/reference/plugins/like/ . after i put this script in header

<div id="fb-root"></div>
<script>(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";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

i've put this code where i need then edited the link

<div class="fb-like" data-href="http://localhost/post.php?id=<?php echo $_GET['id']; ?>" data-send="false" data-width="450" data-show-faces="true"></div>

now it looks ok. ( http://i.imgur.com/7om8PC9.png ). So i hit the like button ( http://i.imgur.com/QIkVc7d.png ) but after refresh it disappears ( http://i.imgur.com/llquzKH.png ). My question is, what i'm doing wrong and what should i do in order to get those likes stored? Thanks.

Answer 1

You can't use an internal URL like http://localhost/ in a Facebook like. The like won't get stored.

Answer 2

If you are developing locally, it is possible that Facebook will not register your like since it can not access the page you are liking. If this is your problem, this is perfectly normal and will resolves itself when you put your site online.