Update: The problem seems to have magically fixed itself, because I don't know what changed. If someone has an idea about how I accidentally fixed it, please post (I include myself :P).
I'm trying to use Facebook Connect on my site, but I'm having trouble with using requireSession or fb:login-button. Currently, when a user clicks the connect button, they get a popup window,but I really want to show an in-page modal. How do I do that? Currently, what I've got in pages is this HTML code:
<a href="#" onclick="FB.Connect.requireSession(on_session_ready); return false;">
Connect with Facebook
<img id="fb_login_image"
src="http://b.static.ak.fbcdn.net/images/fbconnect/login-buttons/connect_dark_small_short.gif"
alt="Connect"/>
</a>
(I'm pretty sure it on_session_ready doesn't matter for problem, because it only gets called after fb connect gets a session.)
I've also tried using the fb:login-button XFBML tag, but I also get a popup window when I do that.
What am I doing wrong?
You are not doing anything wrong. Facebook is currently split-testing modal vs popup login boxes.
They will most likely settle on popups for security reasons. But in the meantime, you have no control over which type of dialog box your users see.
PS: This is well-covered on the Facebook Developer Forums.
http://forum.developers.facebook.com/viewtopic.php?id=25808
http://forum.developers.facebook.com/viewtopic.php?pid=157799
http://forum.developers.facebook.com/viewtopic.php?id=29523
Related
I am using the iframe method to get the Facebook Like Box on my website.
The website is: http://motorcyclealley.co.nz (the Like Box should be showing down the bottom to the right of the YouTube video)
However, it is always blank.
Browsing to the iframe url in my browser: http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/MotorcycleAlley&width=320&height=315&show_faces=false&colorscheme=light&stream=true&border_color&header=false&appId=397375460320824
Also produces a blank screen. The url was generated with the official generator. I am unable to figure out what is wrong because STRANGELY it works in the browser I originally did it on (Firefox 18.0.2 on Linux).
I have tried it on Chrome, Internet Explorer and Firefox/Windows and made sure that all adblocking extensions are disabled. I still get the blank screen.
Can anyone tell me whats going on?
EDIT: I should also mention that I have tried the HTML5 and FBML methods with the same result, they both worked on that ONE browser but not on any others
Ok, I just found out why. The Like Box doesnt show unless you're logged into Facebook in that browser (because it is set to have an age restriction). Apparently the following fixes it: https://stackoverflow.com/a/9310091/335227
I had the same problem.
I followed FB's instruction to add a FB like box in my web page:
<div class="fb-like"
data-href="https://www.your-domain.com/your-page.html"
data-width=""
data-layout="standard"
data-action="like"
data-size="small"
data-share="true">
</div>
But the block doesn't show like and share buttons, only white blank.
After some investigation I found it to be a bug of standard layout, if I set data-layout attribute to box_count, button_count or button, it works well.
My research
I implemented the like-button on the page http://www.racket-center.de on every subpage of this site. I noticed that it didn't show up on every page so I tried different implementation-versions (html5, iframe etc) but it didn't work. If I remember correctly the more I tried the less pages the button appeared on.
Now the button doesn't show up anymore – not even within the wizard at http://developers.facebook.com/docs/reference/plugins/like/ You can try it yourself: if you enter the URL of the site + then change another option to get the wizard checking the url the like-button will disappear.
I tried to debug via the linter and fixed some minor warnings it complained (e.g. adjusting the og:image-size to fit 200x200px) but that didn't bring back the button.
I guess the page is kind of blacklisted but I don't know + if it was blacklisted I don't know why.
Does anybody have a clue what might be going on here or kind point me to any resource about fb's blacklists?
Would be nice to get some help.
Thx,
Michael
I'm attempting to add a FB "Like Box" to a website I'm developing. Not too familiar with Facebook apps, but so far I've gone the non-IFRAME route, using the FB SDK script include.
I'm fairly certain I've got almost everything setup correctly. In fact, I see the widget appear when I visit the page UNCACHED (i.e. in FF, I hit CTRL+SHIFT+R to reload all content to avoid loading from cache). Once I revisit the site, or move around within the site by clicking links, the content does not reappear.
I'm wondering if it's an issue with a) the channel.php file, or b) the apps interaction with my use of JQuery. The channel.php file is verbain what is provided by Facebook (using PHP's caching mechanism).
Here's the site currently: http://www.morningfatty.com/demo - It might be easier to list this rather than post several code snippets.
I went to your website and didn't see the like box. I checked the HTML code and it all appeared fine. The div looked like <div data-header="false" data-stream="false" data-border-color="#40ADAD" data-show-faces="true" data-colorscheme="light" data-width="192" data-href="http://www.facebook.com/morningfatty" class="fb-like-box"></div>
I went to https://developers.facebook.com/docs/reference/plugins/like-box/ and tried your link http://www.facebook.com/morningfatty and lo-and-behold the like box didn't display there.
I tried going directly to http://www.facebook.com/morningfatty and it redirected me to http://www.facebook.com/MorningFatty. I noticed the change of case in the name. So I went back and tried http://www.facebook.com/MorningFatty in the like-box and it worked!!.
I believe that you page will work once you update the casing on the url. :)
I'm trying to get Facebook send or like button display on GWT popup panel and I am not successful. When inspecting the generated HTML, facebook HTML button looks properly inserted into but it just does not show up. Save Facebook button works well in html page (not on GWT panel).
Have you ever had success in displaying Facebook Send or Like or Share button in GWT? I know I ca implement FB Like button myself using API or other libraries. But I do it need that. I need standard Facebook Send button to be used in my GWT application.
Please advise me if you have experience and were successful.
Thank you very much!
I had a similar problem, and it was because, in the html file's script tag, I had changed and not updated the src="path" to a valid path. I had a wrong directory listed in the path. For me, it's correct now with:
<script type="text/javascript" src="clienttest/clienttest.nocache.js"></script>
I rebuilt, and the image appeared on the page. This problem was keeping the entry point module from loading.
I have put a generic facebook login button on a site which has been working fine for the past couple of months. I open it up today, and it seems there is a problem with it appending links to the iframe.
<fb:login-button show-faces="true" width="200" max-rows="1"></fb:login-button>
Its a simple button as you can see, but I end up getting this in my code:
<span class="connect_widget_text"><a href="http://www.facebook.com/fname.lname" target="_blank">FName LName</a> is using Application.</span>
You can see that facebook is populating the span element with html entities for greater then and lesser then symbols. :( for what ever reason.
Has anyone had this problem and have they found a solution to it? I don't want to write a lot of code for this I just want to place and forget.
woke up this morning to the same issue: opening and closing tags after the connect_widget_text span are replaced with html entities.
Updated: same issue on Facebook's Developer Documentation page with an example of how to implement the fb:login-button plugin. http://developers.facebook.com/docs/reference/plugins/login/
Updated: Being tracked as bug at http://bugs.developers.facebook.net/show_bug.cgi?id=19300