Databases
StackOverflow2013
Postsdbo
POFacebook's 'like button' doesn't work as it should
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POFacebook's 'like button' doesn't work as it should
    text
    copied!<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>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload