I have put a facebook like box on a website i've created, and on my computer it all works fine (safari, chrome, firefox, ie, ...)
But when some of my friends open the website in safari, de box won't show to everybody.
(so some friends can see it in safari, with others it just won't show/appears and disappears immediatly/...)
Here's the iframe-code i've included
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FLuca-Barassii%2F126244157780&width=300&height=340&colorscheme=dark&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:340px;" allowTransparency="true"></iframe>
hope anyone can help me... :)
This is most likely due to their version of Safari. This browser's webkit had problems interpreting ampersands in urls in a previous version, encoding the & to & instead of & in xhtml pages. This was fixed in a later Webkit.
But to make sure, you can encode your iframe url yourself:
<iframe src="//www.facebook.com/plugins/likebox.php?
href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FLuca-Barassii%2F126244157780
&width=300&height=340&colorscheme=dark&show_faces=true
&border_color=&stream=false&header=false"
scrolling="no"
frameborder="0"
style="border:none; overflow:hidden; width:300px; height:340px;"
allowTransparency="true">
</iframe>
This would not have stopped the box from not showing in specific (older) versions of Safari though, because the ampersands would still have been encoded incorrectly.
Related
Hi my facebook like button not appearing is not appearing online when hosted on my hosting provider but offline in wamp server it is working fine. my code is as follows:-
<iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FGallantconcept&width=100&layout=button&action=like&show_faces=false&share=false&height=35&appId=657033221004925" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:35px;" allowTransparency="true"></iframe>
Anyone can explain why?
It is a plugin problem for my chrome
So, I've run my url through the facebook debugger and everything comes out right. if i post my url in a status, the correct thumbnail and description comes up. However, the like button on my site results in my web host url and thumbnail showing on facebook.
My url is adammoritzmusic.com
My iframe code:
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fadammoritzmusic.com&width=200&height=35&colorscheme=dark&layout=standard&action=like&show_faces=false&send=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:35px;" allowTransparency="true"></iframe>
help?
There's 3 Solutions You can follow:
#1
Use http://adammoritzmusic.com/Home.html (without https) because when you adammoritzmusic.com Facebook will use your index.html which redirects to Home.html
(Facebook Like button has a bug, the same domain has two different counts of likes one for http and the other for https)
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fadammoritzmusic.com/Home.html&width=200&height=35&colorscheme=dark&layout=standard&action=like&show_faces=false&send=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:35px;" allowTransparency="true"></iframe>
#2
Use Index.html instead of home.html or just use .htaccess file to make home.html as your default index file:
DirectoryIndex Home.html
#3
Create a Facebook fan page, this would the fastest and easiest solution.
Not sure why. I grabbed the code from:
http://developers.facebook.com/docs/reference/plugins/like/
And as stated there, we can read:
"href - the URL to like. The XFBML version defaults to the current
page. Note: After July 2013 migration, href should be an absolute URL"
So I did.
<body>
<div>
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fprojectokairos&width=100&height=21&colorscheme=light&layout=button_count&action=like&show_faces=false&send=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
</div>
</body>
Could this be related with the fact that the page is unpublished?
I hope not because I do need to place the button here and there on several pages before the FB page goes live.
Being unpublished is possible, but I would also check your plugins. Firefox and Chrome especially. Do you have AdBlockPlus, DoNotTrackMe, or NoScript installed? The last two, I know interfere with the Facebook like button.
I know facebook comments with iframe implementation is not supported. But I am using following code:
<iframe src="https://www.facebook.com/plugins/comments.php?href=http://yahoo.com" style="border:none; overflow:scroll; width:400px; height:562px;" scrolling="yes" ></iframe>
which works well in firefox but not in IE. I want fb comments in iframe only.
I started having problems a couple of days ago with the Like button on my Facebook application page. It has been working for almost 6 months but stopped working yesterday. When I am logged into my own Facebook account I see the 'Like' count, but if I am logged out or logged in as anyone who hasn't already 'Liked' my app, it doesn't work. They see the button as if nobody has 'liked' it yet and when they click it, it seems to reset every time.
The URL I am trying to like is an APP URL. My code is pasted below.
<iframe src="http://www.facebook.com/plugins/like.php?app_id={myAppId}&href={myAppURL}&send=false&layout=button_count&width=450&show_faces=false&action=like&colorscheme=dark&font&height=21"
scrolling="no" frameborder="0"
style="border:none; overflow:hidden; width:450px; height:21px;"
allowTransparency="true">
</iframe>
I've tried a few variants of this code, but I can't seem to get it to work. Even when I go to the page that generates 'Like' button code on Facebook and give it my URL, I see the same problem. When I click the button I get the text "Error" in red to the right of the button. I've seen an article on Mashable that this same problem happened about a year ago for some people...
Try replacing the http:// part of the src attribute with //
So it should look like this:
<iframe src="//www.facebook.com/plugins/like.php?app_id={myAppId}&href={myAppURL}&send=false&layout=button_count&width=450&show_faces=false&action=like&colorscheme=dark&font&height=21"
scrolling="no" frameborder="0"
style="border:none; overflow:hidden; width:450px; height:21px;"
allowTransparency="true">
</iframe>