I've HTML5 version of facebook like button on my site since almost an year now but yesterday it stopped showing up.
Check it here: http://www.maximum-tech.net/intel-ivy-bridge-processors-coming-one-week-early-april-23-11577/
The one in the sidebar is the iframe version, its working but there should be a button next to the twitter and G+ button. Its not showing up.
I've posted a bug report on FB too: https://developers.facebook.com/bugs/380662258621504
It looks like you're missing the #fb-root div tag.
Add this to the top of your page, in the section:
<div id="fb-root"></div>
Related
I'm adding facebook login buttons to fancybox (version 1.3.4) modals (one for join, one for login). The facebook buttons all get instantiated when the page loads, but are hidden. After triggering the fancybox login modal, the facebook buttons get rewritten in the modal and load correctly the first time. However if you close the modal and then reload it a second or third time, there is no facebook login button. It's just blank. When I look at the inline html block
that fancybox based the modal on, the facebook button markup that was generated when the page initially loaded is gone...actually not completely gone, but the button code deep in the iframe is wiped out.
I've seen suggestions to iframe these facebook buttons, so I tried adding an iframe instead of the raw facebook button markup. Note that I am not using the iframe fancybox type and I can't currently do that. When I include <iframe src="/myfacebookbuttonpage"></iframe> in the modal section, again it loads correctly the first time and then after closing the modal, looking at the source I can see the iframe rewritten as <iframe src="about:blank"></iframe> and the innards of the iframe are blank.
Anyone have any idea what's going on here? Or is this attempt to include facebook login buttons in fancybox modals completely wrong for some reason?
It's a bug in fancybox v1.3.2+ when using inline iframes.
As a work around, you may edit the fancybox js file or apply the workaround in your custom fancybox script.
Go here for further instructions
I've added iframe like button into the page http://www.electric-yoga.com/contact.html.
When I click on this button it shows +1 count, but in 1 second this count disappears.
Linter shows no errors - http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.electric-yoga.com%2Fcontact.html.
Any advice where I can look for a solution?
I am running into this same issue using the HTML5 version of the like button. The really weird thing is that the issue doesn't happen on all of the pages that we have a like button on. I found a bug on the Facebook Developer site and have submitted a repro. I suggest you do the same to give it some more visibility. You're not alone.
I wanted to know if it is possible to add the like button of a Facebook fan page(which is normally placed on the header of the page), as being embedded inside a landing page. I know I can make use of the like button generator given by Facebook http://developers.facebook.com/docs/reference/plugins/like/ , but I am after getting the like button of a fan page (which in reality is visually different than the like button that is generated at the above mentioned link). If indeed there is a way , please let me know. I welcome your suggestions.
Regards,
Ghulam Mustafa Majal
You can place a like button to the Facebook Page inside the landing page by specifying the appropriate href or using the Like box (https://developers.facebook.com/docs/reference/plugins/like-box/). For example, this Like button likes the Facebook Platform Page and can be pasted directly inside an iframe on a Page Tab:
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=191014414294211&xfbml=1"></script><fb:like href="http://www.facebook.com/platform" send="true" width="450" show_faces="true" font=""></fb:like>
I have generated facebook like code for the site Geoflake from this facebook url
http://developers.facebook.com/docs/reference/plugins/like/
When i click like in the "facebook test page", the count disappears.
Any one having same problem ?
While this isn't a strict answer, I can agree that there is a problem. What is the 'facebook test page.'
When I click on the 'like' button on the URL provided the usual 'share' prompt appears and quickly disappears. How did you generate the code? And, I know this is usually kind of offensive, but did you read through all of the instructions? From the end of that page
"When I click the Like button, the popup window (or "flyout") doesn't show. Why?
If the Like button is placed near the edge of an HTML element with the overflow property set to hidden, the flyout may be clipped or completely hidden when the button is clicked. This can be remedied by setting setting the overflow property to a value other than hidden, such as visible, scroll, or auto."
It looks like you are missing the quotes around the href attribute:
<fb:like href=http://geoflake.com/DLZ4d0b7a8 send="true" layout="button_count" width="50" show_faces="false"></fb:like>
Try fixing that first.
(Also, it seems like your site is redirecting to the mobile site on Safari -- at least on my Mac. Perhaps you are testing for generic Webkit instead of mobile webkit?)
I had two js scrips that are in my web page , one is with my app_id and another without app_id. I have removed one which doesn't have the app_id and it worked.
I am trying to add facebook 'like' buttons and tweet buttons at the end of each blog post on my tumblr blog. I used the 'minimalist' theme on tumblr. Ive tried just about every method to insert the html properly and nothing has worked. Below it the current full HTML that I am using. If you go to my site right now there is a facebook button and it actually works but there is a ton of blank space underneath that I cant get rid of. Also, it works in Safari but not Firefox which is odd. The fbook code is right before {/block:posts}. I've been able to look at other formats of buttons but they either like my entire page rather than individual posts or I have this same spacing/firefox issue. Can anyone help?
</div>
</article>
Comments
{/block:Posts}
I cant even get that. I've done this task a few times before with other themes and it is no problem at all. It sounds like you didn't uncheck the boxes on Facebook that enable the big black space go back to f.b. and get a new code made from the link page. Do not forget to uncheck the unneeded stuff or that will also be embedded in the code given you.