Note that there are some explanatory texts on larger screens.

plurals
  1. POFacebook like button is automatically undoing itself
    primarykey
    data
    text
    <p>I have several Facebook like buttons on myself that are being rendered via XFBML. After clicking on them, they appear to work in that they change from the standard like button into the "thumbs up" icon that says "You like this". However, after a second or two (I assume the time it takes to hit FB's servers and come back), it automatically unlikes itself, turning back into the original like button.</p> <p><a href="http://www.youtube.com/watch?v=MLTVQl9EX6c" rel="nofollow">See a video of what I mean here.</a></p> <p>My code is pretty standard:</p> <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" lang="en"&gt; ... &lt;fb:like href="http://www.example.com/valid/path" layout="button_count" ref="recipe_preview" /&gt; ... &lt;script type="text/javascript"&gt; window.fbAsyncInitExt = function() { FB.Event.subscribe('edge.create', function(response) { alert('Facebook Like Button: ' + response); }); }; &lt;/script&gt; ... &lt;div id="fb-root"&gt;&lt;/div&gt; &lt;script type="text/javascript"&gt; window.fbAsyncInit = function() { FB.init({ appId: 'XXXXXXXXXX', // my app ID is here status: true, cookie: true, xfbml: true }); if (typeof(fbAsyncInitExt) == 'function') { fbAsyncInitExt(); } }; (function() { var e = document.createElement('script'); e.type = 'text/javascript'; e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); })(); &lt;/script&gt; </code></pre> <p><strong>Edit:</strong> For what it's worth, I also attempted to see if Facebook was sending any log info, but it didn't appear to be:</p> <pre><code>&lt;script type="text/javascript"&gt; window.fbAsyncInitExt = function() { FB.Event.subscribe('edge.create', function(response) { alert('Facebook Like Button: ' + response); console.debug(response); }); FB.Event.subscribe('fb.log', function(response) { alert('LOG: ' + response); console.debug(response); }); }; &lt;/script&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

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