Facebook like button redirection? - facebook

I tried to install Facebook Like Button (http://developers.facebook.com/docs/reference/plugins/like/) on my page but after I've put the code (HTML5 version) there is some strange redirect which change address of the page adding "_FB_f2af6423b6fd064xd_action=proxy_ready&data" to it?
Do you have any idea what may cause the problem?
I can install iframe version of like box but some time ago I received an information about similar problem while there was some toolbar installed in the web browser. String in url was different but result the same - error 404.
You can see the problem here: www.keeeper.voyagersblog.com/en/ and properly working page (without like button) here: www.bea.trvblog.com/en/ .
Thank you for help!
Best regards,
Bartek

The problem was that I have my own js EventListener called 'message' and it seems that facebook use the same name.
My event listener is fired by fb script and then my function makes redirect (params are not proper so it goes nowewhere).
When I changed listener name it's ok, it seems that it's fb bug.
Thank you anyway!

Related

Facebook Feed Dialog through WebView in Unity is Blank

I have been using a WebView dropped into Unity(Found here: https://github.com/gree/unity-webview) for implementing Facebook connection. The WebView has been working very well for authorization of the user in the OAuth dialog, but when I try to access the feed dialog for posting to a friend, I end up with a blank white screen. The same generated URL when dropped into a browser works just fine.
The feed dialog URL I generate looks like this:
http://m.facebook.com/dialog/feed?access_token={Access Token}&app_id={App ID}&from={Authroized User}&to={Selected Friend ID}&link={Post Link}&name={Post Name}&
description={Post Description}&redirect_uri={My Redirect Page.aspx}
Example of the functioning Auth dialog URL I generate looks like this:
http://m.facebook.com/dialog/oauth?client_id={App ID}&redirect_uri={My Auth Redirect.aspx}&scope=publish_stream,publish_actions&response_type=token
Wondering if anyone knows what could be causing this with this particular WebView.
Thanks in advance for any assistance.
Was tearing my hair out about this but got to the bottom of it. I had tried escaping the URL and it did not work the other day - but then I tried escaping just the values of some of the parameters being sent that had spaces this morning. This seemed to fix it. Simple mistake, but if anyone runs into this, don't forget ESCAPING IS EVERYTHING! Often you are working in something higher level(At least I am) where URLs and parameters get escaped automatically, lesson learned I guess :D

Facebook Like button throwing Javascript errors

Recently I've been having troubles with displaying the like button on my homepage, no code was changed so I believe Facebook may be the culprit but I'm not 100% sure. Originally it was throwing "bootloader is undefined" errors in two places:
<script type="text/javascript">Bootloader.setResourceMap({"KhOUG":{"type":"js","src":"http:\/\/static.ak.fbcdn.net\/rsrc.php\/v1\/yo\/r\/wFcdvtg8yWA.js"},"uBXoU":{"type":"js","src":"http:\/\/static.ak.fbcdn.net\/rsrc.php\/v1\/yg\/r\/vnWtCAcBiXn.js"}});
And:
Bootloader.configurePage([]);
Both occur after the page querys the http:///www.facebook.com/plugins/like.php page.
But now it's throwing "bagofholding is undefined" error on:
function muffinize(d){var c='a';var b='d';var a=[c,b].join('');return d.replace(/muffin/g,a);}window.Util=window.Util||{warn:bagofholding,error:bagofholding,info:bagofholding,log:bagofholding,stack:bagofholding};if(typeof console=='undefined')console={log:bagofholding};
The Facebook Like button is implemented using the AddThis service but I checked all the lines of code and they seem fine. It doesn't seem like other sites are having this issue as well. All the errors are on Facebook's side.
It doesn't work here: http://importbible.com/2011/05/02/papercraft-skills-2012-audi-a7/
But works here: http://importbible.com/shop/shirts/group-buy/seventh-heaven-shirt/
The only thing I could think of that may cause issues is the HTML5 Boilerplate .htaccess file.
in my case my error was coming from having "share" buttons. The script for share buttons also defines "FB"... so the new "like" script and the old "share" script conflict. Once I removed the old script everything was fine. (However, "share", is better for my particular site...)
I seem to see the 'Bootloader is undefined' error when I set the href attribute of the fb like button to a non-existent page (a page that can't be accessed by the fb script file - such as the url on my dev machine / localhost).
After hunting around I found the answer, some of the meta data on my website was preventing the Like page to scrape my page. Using the Lint tool I was able to fix the errors on my page:
https://developers.facebook.com/tools/lint/

FB.provide is not a function

I'm developing a WordPress plugin to show above or bottom the posts Facebook like and send buttons.
Unfortunately when is also activated a plugin for Facebook share button there is a Javascript error (FB.provide is not a function) and like and send buttons don't appear.
For example this happens in this page: http://www.pasqualepuzio.it/2011/04/plugin-facebook-like-and-send-button/
How can I solve this issue?
Thank you very much
I ´ve faced the same problem and it happens if you add the script twice on the site (http://connect.facebook.net/sv_SE/all.js)
I understood that part that we cant have all.js twice but I want to have Facebook Share Button and Facebook Like Button.
According to Docs, I need to include these two JS Files.
https://connect.facebook.net/en_US/all.js
http://static.ak.fbcdn.net/connect.php/js/FB.Share
Now, If I include both Firebug will give me same error "FB.provide is not a function". If I remove either of them then Like or Share button wont work.
I can do iFrame version but I have HTML Encoding issues with iFrame Version. I am programmatic generating HTML Response.
Any idea, how to approach?
There is a workaround for this: instead of placing the javascript Fb.Share within the same page where you are loading the Javascript SDK, use an Iframe with the first and set it in the second.

Facebook - serverfbml form action must be within the application's connect url

I am not sure, I am using a pretty standard piece of code for facebook. It sends requests for people regarding my application. All of a sudden I am receiving this error:
serverfbml form action must be within
the application's connect url
Have you been having problems with using either one of these:
fb:serverFbml
fb:request-form
fb:req-choice
fb:multi-friend-selector
thank you!
I don't know if you managed to find a solution yet, but I will tell you what my solution is. The action attribute of your forms should NOT be relative URLs, that is you should give the full URL of the website where the application is hosted:
fb:editor action="http://www.mydomain.com/myapp/index.php?params=1" labelwidth="100"
Use the canvas URL under Facebook Integration section in your application's edit mode.
If your canvas URL looks like this:
http://www.example.com/myfacebookapp/
then, in server fbml form action, the URL MUST be in the same directory of your canvas, like this:
(using the example of
<fb:request-form action="http://www.example.com/myfacebookapp/somepage.html"
Also, if the whole contains blank spaces i.e.
http://www.example.com/myfacebookapp new/
consider eliminate that blanks, or use %20 instead of the blank when you specify the URL canvas on Facebook and when you use that URL in form
<fb:request-form action="http://www.example.com/myfacebookapp%20new/somepage.html"
I solved it finally.
Dont get messed up with all type of setting.
Simply go to your facebook app
click edit app button
now copy Canvas URL
and paste it under
<fb:request-form action="CANVAS URL HERE"
method="POST">
Well, it worked for me.!
Thanks to "tsegaye"
i had the same issue.. i used the canvas url in the summary page and it worked. You can try it out aswell
This is not the solution. If you do this, when user clicks "skip" on the dialog, he would be send to http://www.mydomain.com/myapp/index.php?params=1" instead of your application.
The solution is:
action="http://apps.facebook.com/myapp/" -> this "/" at the end would help.
It could be also any other action inside your app for example:
action="http://apps.facebook.com/myapp/sendRequest"
This solution works if you use friend selectors outside the scope of sending requests. For eg. Selecting friends to collaborate with in your app.
Not an answer but this is what helped me. I have a iframe based application and i tried to use the facebook iframe based friend invite code. In my action, i put the app.facebook.com/myapp/ url which whould be give me this fbml error
serverfbml form action must be within the application's connect url
Also when i pressed "skip" it would take me to a 404 error. The solution was to use the canvas url under facebook integration, as suggested by #tsegaye

Facebook Social Plugins Like button returns "Website Inaccessible"

We've just added Facebook like button to http://www.willyoung.co.uk/global/songs-and-lyrics/releases/the_hits?page=1, however the json returned by facebook is
for (;;);{"error":0,"errorSummary":"","errorDescription":"","errorIsWarning":false,"silentError":0,"payload":{"requires_login":false,"success":false,"already_connected":false,"is_admin":false,"show_error":true,"error_info":{"brief":"Website inaccessible","full":"The page at http:\/\/www.willyoung.co.uk\/global\/songs-and-lyrics\/releases\/the_hits could not be reached."}}}
It basically says that the website is not accessible. We've implemented this on other sites and it's fine. I'm not really sure where this is coming from. Any ideas?
Add "/" at the end of the URL:
http://www.willyoung.co.uk/global/songs-and-lyrics/releases/the_hits/
Then it should work.
I had the same issue, adding the url parameter worked for me
<fb:comments url="your_url"></fb:comments>
I know this is an old question, but I had the same problem today. The solution involved using this page: https://developers.facebook.com/tools/lint until it was clean.
My case was a simple typo, I had put http://mymagicfblikebuttom.com instead of http://mymagicfblikebutton.com (the last letter of "button" was an "m" instead of an "n").
I took the URL that linter was complaining about, pasted into the URL of the browser, and sure enough, it could not be found.
Then I bounced FireFox, then actually found another error in the "lint" or "linter" utility (the graphic name also had the misspelled domain name, bounced FireFox again, then it worked.