title: Facebook's 'like button' doesn't work as it should
body: <p>I know there are many threads on this subject; I read them all (I think) and none of them is an answer to my problem, so here goes:
  I want a facebook 'like' button om my website; the kind which invites the liker to add a comment. It is working 'a bit', but not the way I'd expect. I use a special fb-account for testing and found that:</p>
  
  <ul>
  <li><p>The fact that I 'liked' my webpage shows up under 'actions', but NOT under 'likes'. </p></li>
  <li><p>The 'comment' gets lost (is not published). Consequently, the 'like doesn't show up in the timeline. (From FB's documentation, I gather that 'likes' are published on the timeline only if a comment was added. And indeed, it seems to work that way when I click the like-button on other websites and add a comment.) Consequently, it doesn't show up on the 'newsfeed' of my 'friends' either.</p></li>
  </ul>
  
  <p>What did I do wrong?</p>
  
  <ul>
  <li><p>Of course I used the FB debugger (the 'linter') to make sure my webpage passed all tests.</p></li>
  <li><p>I used the iFrame version as well as the javascript version of the button, but that doesn't seem to make a difference.</p></li>
  <li><p>I used the code as generated by fb's own code-generator (that is the xdbml-version using javascript), as well as iFrame code from other code-generators. Finally, I copied the exact iFrame-code from another website, which DOES exactly work as expected (that is: the like action shows up in the timeline with the provided comment and the 'like is added to my set of 'likes'.) I just replaced the URL with my own, taking care it is properly url-encoded. But this code, while clearly working for someone else, is not working for me: I get the same disappointing result.</p></li>
  </ul>
  
  <p>There is, in fact, another difference still: when, in facebook, I click on the link of some other website I 'liked' I am immediately taken to that website and the page I 'liked'. But when I click on the link to my wn website, I first get a 'warning' dialogue-box, informing me of the dangers of clicking links.  For the life of me I can't understand why these differences in behaviour occcurr.</p>
  
  <p>A hint that something is wrong may be (?) that on my website, when the 'comment-box' appears after clicking the button, it doesn't close when I click 'publish'; instead the box stays visible until I click 'close'.
  Here is the code I use:</p>
  
  <p>Meta-tags:</p>
  
  <pre><code>&lt;meta property="og:title" content="Modern soefisme - Modern Sufism" /&gt;
  &lt;meta property="og:description" content="Home Page of Mabel van Asperen, devoted to sufism,  sufi acivities and sufi literature" /&gt;
  &lt;meta property="og:type" content="non_profit" /&gt;
  &lt;meta property="og:url" content="http://www.phlogiston.nl/speeltuin/" /&gt;
  &lt;meta property="og:image" content="http://www.phlogiston.nl/speeltuin/images/hearts_with_wings.jpg" /&gt;
  &lt;meta property="og:site_name" content="Sufi Stuff" /&gt;
  &lt;meta property="fb:admins" content="100000985117039" /&gt;
  &lt;meta property="og:locale" content="en_US" /&gt;
  </code></pre>
  
  <p>The iFrame:</p>
  
  <pre><code>&lt;iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww%2Ephlogiston%2Enl%2Fspeeltuin%2F&amp;amp;layout=standard&amp;amp;show_faces=true&amp;amp;width=450&amp;amp;action=like&amp;amp;colorscheme=light&amp;amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100%; height:80px;" allowTransparency="true"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>The xfbml-version:</p>
  
  <pre><code>&lt;script Language="javascript"&gt;
  (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/nl_NL/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
  &lt;/script&gt;
  
  &lt;div class="fb-like" data-href="http://www.phlogiston.nl/speeltuin/" data-send="true" data-width="450" data-show-faces="false"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Can anybody shed some light on this? I would be most grateful, as I'm getting rather frustrated since 'everybody' seems to be able to make a well-functioning like-button but I can't. (And I'm also getting tired of the fact that 'experimenting' seems to be so difficult: after clicking the like-button once I can't use it again. So, for each try I have to make up a new webpage. Or does someone know a better way?)</p>