Similar to a problem I have read here, but slightly different. I have added the XFBML version of the like button to a page I am working on in a development environment. It appeared just fine to begin with. I clicked like, viewed my Facebook profile, saw that it was shared on my timeline, I then clicked 'unlike' (which I had done before using the iframe version and experienced no problems).
After clicking 'unlike', the button completely disappeared from my page. Although the markup that was generated is still present.
To make this problem even stranger, when placing the like button on a different page I do not experience the same issue. On a separate (3rd) page, I do.
I feel like this is a long shot, but any help would be greatly appreciated.
edit: said 'screw this' and decided to use AddThis for all my buttons. The facebook like button provided through AddThis also does not appear. So confused.
Could you change the href attribute of the Facebook iframe and see if the button appears?
Related
We are having an issue with the Facebook like button not showing/displaying, on this page:
http://powertextblog.esvelte.net/
It appears that the span and iframe that are generated have an inline style of width:0px and height:0px , I have tried overriding this to no avail.
The button is not showing in any browser.
This is the code we're using on the page (from AddThis) to generate the button.
<a class="addthis_button_facebook_like" fb:like:layout="button_count" addthis:url="http://www.facebook.com/PowerText"></a>
I also tried inserting the Facebook like button using Facebook's own button generator, but the same problem occurs (which would indicate its not an AddThis issue)
Any help would be appreciated.
I had the same problem, tried everything until I figured out that was something really stupid.
If your facebook page has any restriction, like Country restrictions or Age restrictions, facebook does not show the like button if you are not logged in.
I think it is a Facebook bug causing the issue.
Removing the defined URL addthis:url="http://www.facebook.com/PowerText" and using the site domain instead, fixed the issue.
So I think there is some sort of FB bug where defining the URL as a Facebook page causes it to not display, as it works fine without it.
Try this facebook like code it should be work.
<a class="addthis_button_facebook_like" fb:like:layout="button_count" fb:like:action="recommend" fb:like:width="135"></a>
Had the same problem yesterday. I then played around with the widget on https://developers.facebook.com/docs/plugins/like-button a while. Turned out this only happened with Facebook Page URLs (the URL to like). Even https://facebook.com/facebook itself didn't work correctly anymore. Simply rendered with 0px. All other URL worked as expected. Tried to reach FB on Twitter and they sent this link to the filed issue. Which says bug is known and fixed now.
So we simply had to wait. After one night the next morning all Like buttons with Facebook Page URLs rendered correctly again.
I have a website that utilizes the facebook like button social plugin. It's part of a small toolbar that also has a tweet button and other similar things. After clicking the button, however, facebook automatically displays a menu to let you add comments to the post. This really throws off the css in my site and makes things look really bad. I really just want people to be able to click the recommend button, and have it end there. I don't want any extra elements to be brought into the HTML code after the action is taken.
Does anybody know of any way to stop all the extra stuff from being displayed?
From the FAQ at the bottom of the like button social plugin reference:
When will users have the option to add a comment to the like?
If you are using the XFBML version of the Like button, users will
always have the option to add a comment. If you are using the Iframe
version of the button, users will have the option to comments if you
are using the 'standard' layout with a width of at least 400 pixels.
If users do add a comment, the story published back to Facebook is
given more prominence.
So one option would be to use the iframe instead of the XFBML version, and make sure the width is less than 400px.
We're using fb like buttons, which worked just fine. Lately it looks like clicking on it gives no indication after it was clicked (the button looks like it wasn't clicked, counter remains 0), though the operation is posted to the user facebook timeline as it suppose to.
I've test my page with facebook linter page and the page looks just fine.
I've test it with the facebook js test page and got the exact same behavior http://developers.facebook.com/tools/console/ (go to examples and choose the "does-like" example, then run it and you'll get an error that doesn't say nothing much).
Does anyone faced this problem lately?
We have same problem here so I think it might be facebook bug or their some recent changes. Clicking on like button generated with http://developers.facebook.com/docs/reference/plugins/like/ gives no indication. If it is checked it won't uncheck, if it is unchecked it won't check. Facebook debug tool shows no errors or even warnings.
Button properties: Send button: unchecked, Layout Style: button_count, Show Faces: false
We use iframe code to place it on page.
Here you can find sample code we use:
http://jsfiddle.net/7nHEs/2/
I tested for XFBML instead of iframe and it seems to work. So this might be solution. On other hand I don't want change all iframe buttons that worked in previous week to XFBML in
all my apps.
I create some like buton with xfbml. It's working for a week, but yesterday fortuitously stop working. I don't change the code.
The issue:
When I click the like button everything is ok. After I refresh the site, then those like buttons which were clicked they are disappeared.
This is not a css problem, the like div is empty.
The iframe embed is working.
Test site
Please help!
Having same issue only on new blog posts i bring online. Older posts that already have LIKES seems to be unaffected. Just noticed this Monday.
I'm trying to figure out how to add a Fan button to a Facebook page right next to the company name. I've seen this done on a few pages, as shown in the following screenshot.
I've added the FBML application though I can't find a great deal of information on the code required for the actual button and then how to place the button on the page. Can anyone point me in the right direction?
Many thanks.
For pages, that button is automatically handled by Facebook. If you are already a Fan of the page, the button won't appear. You should be able to "unfan" the page in your account settings.
The FBML application lets you add arbitrary FBML to the "box" that represents that application. It has nothing to do with the Fan button.
Visit the url that lets you edit your page information, on the right had side you should see something along the lines of "Promote with a fan box" -- that should be what you're looking for.
If you want to do it by hand you can use the fb:fan tag (http://wiki.developers.facebook.com/index.php/Fb:fan)
Thanks guys. Yep I delved into the hacks for this using FBML though eventually logged out and logged in with a different account and lo and behold! Facebook add this Fan Button by default now.