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!
Related
I have been trying to get a like box on a website that works for more than one browser (chrome) and I can't seem to make it work. I've tried FireFox, Safari, IE and nothing. I could get the default Like Box example to work no problem, but when I use the following code nothing:
<iframe src="https://www.facebook.com/plugins/likebox.php?id=114521595255240&width=292&height=300&show_faces=false&colorscheme=light&stream=true&border_color&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:300px;" allowTransparency="true"></iframe>
I also tried:
<iframe src="https://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Forlaborersapprenticeship&width=292&height=427&show_faces=false&colorscheme=light&stream=true&border_color&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:427px;" allowTransparency="true"></iframe>
I tried with http: and https:. I tried with & inplace of &any help would be greatly appreciated.
Thanks
Mike
Try doing this
<div class="fb-like-box"
data-href="https://www.facebook.com/yourfacebookpage"
data-width="462"
data-height="400"
data-show-faces="false"
data-colorscheme="dark"
data-stream="true"
data-border-color="#333333"
data-header="false">
</div>
Make sure the page is live and has content. If there are no active posts, browsers won't have any content to pull and so won't show the like box. Also, try coding the & to the full html code of &, that helped me.
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.