How can I display a Facebook "likebox" in my website?
You can go make the button right here
Or you can get the "likes" of a page via JSON just by using their Graph API (it's in the returned data here)
Javaamtho may be referring to the like box for facebook pages
http://developers.facebook.com/docs/reference/plugins/like-box/
and here's a nifty tool to customize it a bit
http://prettylikebox.com/
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FPAGE_NAME&layout=button_count&show_faces=true&action=like&colorscheme=light&show_faces=true&header=true&stream=true&show_border=true&" style="overflow:hidden;width:100%;height:590px;" scrolling="no" frameborder="0" allowTransparency="true">klj</iframe>
Related
I'm working on a UI project which makes use of a SVG browser Ekioh. Part of the requirement is to allow a user to LIKE a facebook page through the application. But since Ekioh isn't compatible with the FB javascript SDK, I can't seem to use the social plugin - like button. I looked into possibilities of using the graph API to implement this but it turned out this isn't possible by design. One can use graph API to like other objects but not page!
So in order to make it happen, I'm wondering what my options are if there is any, even if they were workarounds? Could some gurus out there kindly point me to the right direction please?
Any suggestions would be highly appreciated!
Have you tried using the iframe interface?
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fgoogle.com" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
Ok, this is the iframe I get from official API
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.gabbatracklistworld.com%2Findex.php%3Fexplore%3Dview%26trackid%3D586&send=false&layout=button_count&width=450&show_faces=false&font&colorscheme=light&action=like&height=21&appId=225322387567317" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>
it works well! I click Like, and I see on facebook that I LIKE that page. BUT, when I click from Facebook to the link, going to that page :
http://www.gabbatracklistworld.com/index.php?explore=view&trackid=586&fb_action_ids=10200316597536577&fb_action_types=og.likes&fb_source=timeline_og&action_object_map=%7B%2210200316597536577%22%3A10151528903177923%7D&action_type_map=%7B%2210200316597536577%22%3A%22og.likes%22%7D&action_ref_map=%5B%5D
I see that "I don't like it" anymore. Seems that querystring added by Facebook is another location than previous page.
Is it a bug? How can I fix it?
If you go to http://developers.facebook.com/docs/reference/plugins/like/
and paste http://www.gabbatracklistworld.com/index.php?explore=view&trackid=586
and then press get code. You'll see a tab called iframe. It says:
This plugin does not have an iframe implementation with the selected
options. Please use the JavaScript SDK and the HTML5 or XFBML
implementations, or change the value of the send parameter.
You need to use the first implementation, embed the javascript sdk, and create the like button using html5 or xfbml. The tabs explain exactly how.
I have a facebook like button on my Full Article page, but I would also like a facebook like button somewhere in the header where it gives the ability to like our
"Facebook Page" and have nothing do do with an article on our website, by liking the actual post and sharing it.
I use sharethis for the like button for the article page along with all of our sharing, but i also have a separate area that is just a like button for users to like our "facebook page".
For some reason when the page loads. Sometimes none of the like buttons show up, or sometimes only one shows up, and the other is not there.
Any input or suggestions would be very appreciated. Thank you :)
Go to : http://developers.facebook.com/docs/reference/plugins/like/
Write the facebook page url get the code then paste it on your website
You can have multiple different Like buttons on your page that Like different URLs (such as your Article Page and your Home Page.)
To do that, simply specify different href parameters in your different Like buttons. Here is an iframe example:
<iframe
src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.yourpageurl.com&send=false&layout=button_count&width=100&show_faces=false&action=like&colorscheme=light&font&height=21"
scrolling="no" frameborder="0"
style="border:none; overflow:hidden; width:100px; height:21px;"
allowTransparency="true">
</iframe>
The href parameter of your Like button is what specifies which page the Like action is tied to, and it can be different from the page you are currently on.
We can't easily help you figure out why your buttons don't show up unless you post some code.
I'm trying to setup "Like" button on productpages in our shop. I'm using iframe version of "like button" app.
Unfortunatelly liked product is available on user's wall only when he add a comment additionally (liked page without a comment is invisible on his wall).
Code I have used:
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.limango.pl%2Ffbfeed%3Fprodid%3D304983+&send=false&layout=standard&width=450&show_faces=false&action=recommend&colorscheme=light&font&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"></iframe>
and the result page (with opengraph data) is located here: http://www.limango.pl/fbfeed/?prodid=313198
What mistake I made that I cannot post this without a comment?
Thanks in advance for any response.
Kind regards,
Slawek.
Found in Google:
"The Like / Recommend button without comment – When third-parties use the standard iframe Like button with a width less than 400 pixels, the button_count, or box_count version of the Like / Recommend button, users aren’t given the option to comment. A simple, one-line story linking to the content is published to the Recent Activity feed of the user’s wall, and the story is less frequently displayed in the news feeds of friends. Users are subscribed to future updates from the button’s owner."
We are having a problem with our newsfeed - it is essentially a likebox plugin to save having to update both the website and our facebook page.
Using an iframe, the facebook page populates the newsfeed. If the viewer of the website is not logged into facebook everything is working correctly.
HOWEVER - if the person is logged into facebook (as most people seem to be!) none of the posts on the facebook page are feeding through to the website and it is simply showing the latest check in.
Is this a common bug? I am using the code directly from the facebook developers page:
http://developers.facebook.com/docs/reference/plugins/like-box/
I have tried using the XFBML version as opposed to the iframe but getting the same result.
Does anyone know of a way around this!? Its killing me!
Thanks
JD
You need to add the following attribute:
force_wall="true"
to your iframe. it was added a couple of months ago - see here: http://developers.facebook.com/docs/reference/plugins/like-box/ and scroll down to attributes.
This was a bug in Facebook and it was fixed in July 2011.
Refer to this post
http://bugs.developers.facebook.net/show_bug.cgi?id=16656#c41
you have to add
force_wall="true"
So for example, if you are using iframe version, you can add it at the end of src like below.
<iframe src="http:INSERT YOUR WEBSITE HERE;width=292&colorscheme=light&show_faces=true&border_color&stream=true&header=true&height=427&force_wall=true"
scrolling="no" frameborder="0" style="border:none; overflow:hidden;
width:292px; height:427px;" allowTransparency="true"></iframe>