I'm trying to implement facebook like box on my web page.I grab the code from the facebook page.This is the code :
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FQue-Quieres%2F125395724210421&width=350&height=258&colorscheme=light&show_faces=true&border_color=%23fff&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:258px;" allowTransparency="true"></iframe>
The page has more than 100 Likes (fans) but in the box it display just 4 users or 5 sometimes.
When I change the height to 800px I'm able to see more faces (18) but the box will look like hell...the height is too high.
Thank you !
If you want the answer of the above question just go to the link below and read the full article. I think your problem will be solved.
http://hottest-tips-and-tricks.blogspot.com/2012/03/if-your-facebook-like-box-not-showing.html#more.
Related
I have the following code:
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F%3Fref%3Dlogo%23%21%2Fpages%2FCadenamovitel%2F144895632232758%3Fref%3Dsgm&width=230&connections=10&stream=false&header=true&height=587" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:230px; height:587px;" allowTransparency="true"></iframe>
And when I try to navigate to the url that loads the iframe it works well. But when I put this iframe inside my webpage, the content is not loaded, I just get an empty iframe. The wierd thing is that if I change the page referenced by the like box, it shows correctly in my webpage. For example:
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F%3Fref%3Dlogo%23%21%2Fpages%2FMovistar%2F115204311836948%3Fref%3Dsgm&width=230&connections=10&stream=false&header=true&height=587" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:230px; height:587px;" allowTransparency="true"></iframe>
So I think it's a permissions related issue, but I couldn't find the option to allow it.
I found it! It was a demographic and an age rectriction in my page, and it seems that dissables the social plugins unless a facebook session is opened and match that criteria. Removing both restrictions allows the plugin to show correctly!
I am using an Facebook like button within an iFrame in my Fancybox, for my site I use Zenphoto. This seems to only way to make the like button show up in Fancybox.
The code:
this.title += '<iframe src="//www.facebook.com/plugins/like.php? href=http://www.dagloos.com' + this.href + '&layout=button_count&show_faces=false&width=500&action=like&font&colorscheme=light&height=23" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:20px;" allowTransparency="true"></iframe>';
When someone clicks the like button now, a blank like notification shows on the facebook page, with the direct img url. I added the og tags to the header of my website, but it doesn't grab them when liking. Probably because the iFrame version is outdated.
How could I make it that the like shows up on facebook with the image thumbnail and if even possible, the rest of the information (site title, desc. etc.)?
<iframe src="http://www.facebook.com/widgets/like.php?href=type in ur web address here"
scrolling="no" frameborder="0"
style="border:none; width:450px; height:80px"></iframe>
After href type in your web address here
I've used this code to have a like btn on my site:
<iframe src="http://www.facebook.com/plugins/like.php?href=URL_OF_YOUR_WEBSITE&send=false&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font&height=80&" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
now when ppl press like it says they "user like's title-of-site"
My q: what if i change the title of my site (which appears on their profile since they hit like button)? will it delete all the likes i have? will it change on ppl's profiles where its written they have "liked" my page?
thnx! :)
the likes are linked to the url, not to the title of your page - so no, it won't affect the number of likes on the page if you change the page title, only if you change the url.
I have the following code to show
<iframe src="http://www.facebook.com/plugins/like.php?href=[mySite]"
scrolling="no" frameborder="0"
style="border:none; width:170px; height:80px"></iframe>
which works great but I wanted to see if i could customize it to:
Not show which one of my friends like it. So instead of saying:
Joe Thompson and 100 other people like this
I just want it to say:
100 people like this
basically I am trying to fit this like button in a small area of real estate on the page adn I want to have more certainly around what will show up
Unfortunately there's no way to https://developers.facebook.com/docs/reference/plugins/like/ change that line of text to read specifically how you want. It can be removed all together yet still show the like count if you change layout to button_count. However with this option, iframe is not available to use, so you'll need to change over to XFBML or HTML5.
you can use this one just change [Enter Your Page URL] with your URL
<iframe src="//www.facebook.com/plugins/like.php?[Enter Your Page URL]&send=false&layout=button_count&width=100&show_faces=false&action=like&colorscheme=light&font=arial&height=21&appId=201523196612824" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
I have tried all three different options facebook lets you use when embedding a facebook like button but when I like a page it appears to have added the +1 but when I refresh the page the 'like' doesn't stay. It also doesn't appear in my timeline.
<div class="sm-facebook">
<iframe scrolling="no" frameborder="0" allowtransparency="true" style="border:none; overflow:hidden; width:100px; height:21px;" src="//www.facebook.com/plugins/like.php?href=http://mysite.com/blog/blog-post&send=false&layout=button_count&width=100&show_faces=false&action=like&colorscheme=light&font&height=21&appId=277475035619415"></iframe>
</div>
http://mysite.com/blog/blog-post is an invalid URL. I get nothing. Try it for yourself at https://developers.facebook.com/tools/debug. It has 1 critical, 1 error and multiple warnings. Fix those up and it should work fine.