Facebook like button without iframe

Question

Is anyone aware of a Facebook 'like' button implementation that doesn't use an iframe? I'd like to use the like button, but currently can't due to accessibility requirements.

Answer 1

I haven't tried this, but you could have a link for the adding a like, something like

https://www.facebook.com/connect/uiserver.php?social_plugin=like&method=opt.inlike&display=popup&secure=true&app_id=127760087237610&protocol=https%3A&external_page_url=<YOURURL>&nux=true&referer=<YOURURL>

Then use cURL from command line or something similar to get the number of likes from Facebook

https://api.facebook.com/method/fql.query?query=select%20like_count%20from%20link_stat%20where%20url=%27<YOURURL>%27&format=xml

Answer 2

It is impossible for you to know which Facebook user is viewing your page, so you can't display which users have also liked the content. If you could, that would be a ridiculous security hole.

The only way to do that is to have an iframe to Facebook's site, and then Facebook shows you which friends have liked the page.

The best you can do is pull the number of likes from the Graph API.

Answer 3

You can use the Facebook SDK to do this without an iFrame.

There are two Like button implementations: XFBML and Iframe. The XFBML version is more versatile, but requires use of the JavaScript SDK. The XFBML dynamically re-sizes its height according to whether there are profile pictures to display, gives you the ability (through the Javascript library) to listen for like events so that you know in real time when a user clicks the Like button, and it always gives the user the ability to add an optional comment to the like. If users do add a comment, the story published back to Facebook is given more prominence.
-From http://developers.facebook.com/docs/reference/plugins/like

Its pretty easy to implement.