We developed a website with fb share dialog to share GIF's into facebook, here is our code snippet for this feature:
FB.ui({
method: 'share',
href: 'gif_480x480_px_url',
hashtag: '#hashtag'
}, function(response) {
});
We use the share dialog as you can see above, because we need the response to use for a feature, anyway we tried the share.php as well (like here: http://jsfiddle.net/stichoza/EYxTJ/), but this one does not work neither unfortunately.
The bug is the following: if the user shares a GIF in Windows Firefox, the facebook's dialog pop-up will open much bigger (and without a scrollbar) than it would be necessary, and most importantly hiding the buttons on the bottom making the share literally impossible because the dialog window is not able to be resized manually. Please see the issue on this screenshot.
In the fb docs, there is no parameter to add max height to the window.
Huge thanks for your help to debug in advance!!!
Related
I have a facebook app that uses the feed dialog:
FB.ui({
method: 'feed',
message: '',
link: 'http://mywebaddress/pathToContent',
picture: 'http://mywebaddress/pathToPhoto/photo.jpg',
display: 'popup'
});
When I used the app to share content, I forgot to upload the image so the share dialog appeared with the image broken. Now I uploaded the image but it no way I can get it to show up.
1) Tried to use the debugger and it shows in the og:image correct but of course the feed dialog is different from the og tags so it is of no use in this case.
2) It works well from other accounts. Only mine is broken because I tried to share without uploading the image.
3) Tried in different browsers and tried to clear cookies,cache,etc...
4) It works if I rename the file
Do you know a way to force clear the facebook cache or it should go by time or what?
Thanks
I've been dealing with a similar issue with Facebook cache. You can try using
curl -v https://developers.facebook.com/tools/lint/?url=YOUR_URL_HERE&format=json
In console window. That didn't work in my case but I was trying it on a web page not an app so you might have better luck. Hope it helps.
I am trying to open a flash gallery with modal box in my iFrame Facebook app, but it is bigger than 520px. I found 2 solutions:
Insert a piece of code in the parent windows to make the modal to open with Target _parent, This is impossible since the parent windows is the Facebook!
Open flash video with iFrame inside a Facebook Dialog Box,
I have been looking for a tutorial for days without success. Anyone knows how can I do something like this:
<fb:dialog id="my_dialog">
<fb:dialog-title>My title</fb:dialog-title>
<fb:dialog-content> Flash video </fb:dialog-content>
</fb:dialog>
Maybe it's a solution for what I need, but it's more than 2 months and nobody answered this question.
http://facebook.stackoverflow.com/questions/7427051/fbswf-not-working-in-fbdialog-box-shows-blank-white-space
Here is my page, but remember that it is a work in progress and I do not know how long it will be a useful link:
https://www.facebook.com/MegaPetBrasil?sk=app_244261928967214
Thanks in advance.
Didn't try it out once but it might be because of fbml deprecated.. http://developers.facebook.com/docs/reference/fbml/
If it is wider than 520px , you can try canvas page (i know user will have to leave fan page) and integrate inside Facebook. It might be even better in user experience perspective, if i have been visiting your page and in tab app if you lock my Facebook screen and show a dialog box with flash gallery, i will annoyed. It will be much better in canvas without any popups. Guess.. :)
I am trying to show a 'Post to Your Wall' feed dialog with the following code in a facebook iframe app:
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js">
</script>
<script>
FB.init({
appId:'249725835046216', cookie:true,
status:true, xfbml:true
});
FB.ui({ method: 'feed',
message: 'Facebook for Websites is super-cool',
name: 'Facebook Dialogs',
link: 'http://developers.facebook.com/docs/reference/dialogs/',
picture: 'http://fbrell.com/f8.jpg',
caption: 'Reference Documentation',
description: 'Dialogs provide a simple, consistent interface for applications to interface with users.'
});
</script>
The problem is that it is appearing in a new popup window like this:
Instead of appearing as like this without appearing in a popup window:
I don't want the feed dialog to appear in a new popup windows because in most modern web browsers where popups are blocked. I don't know why this is happening. Please help.
I'm pretty sure that you get a popup if the user has not authorized your application. Facebook made it work that way for security reasons. If you prompt for authorization first, then you should get the inline dialog.
Note that the request for authorization will itself be a popup, but you only have to have that happen once. I have things working this way, the way you want, in the someecards Facebook app. Feel free to grab the javascript code, it's not specific to the app.
Try this, put FB.ui inside FB.getLoginStatus:
FB.getLoginStatus(function(response) {
if (response.authResponse) {
FB.ui({
method: 'feed',
...
display: 'dialog'
});
}
});
in my case the problem seems to have been solved by seting display to async
display: 'async',
i think this is default for page tabs and canvas, but from time to time, instead of appearing within the main window it would load a new popup..
after setting it though (page tab in my case) i haven't noticed any pop up coming up since then..
I know this is a bit old, but I stumbled across this page when trying to solve this problem for myself and none of the answers here worked for me.
For the benefit of anyone else who has this problem, this was happening for me because I was trying to call the dialog on page load. Moving it to a user triggered event (such as a click) resolved it for me.
I have the same UI issue and I don't like the pop up window too.
I just found a link.
It helps us to redirect the page in same window. But it does not solve our problem perfectly.
There's a "URL Redirection" section in the docs for the Feed Dialog:
https://www.facebook.com/dialog/feed?
app_id=145634995501895
&display=popup&caption=An%20example%20caption
&link=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2F
&redirect_uri=https://developers.facebook.com/tools/explorer
So you can do window.location=(this url) in Javascript, setting the redirect_url correctly, and this should work without a popup.
Note that the Feed Dialog is now deprecated in v2.0, so check out the Share Dialog instead:
To share a link:
https://www.facebook.com/dialog/share?
app_id=145634995501895
&display=popup
&href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2F
&redirect_uri=https%3A%2F%2Fdevelopers.facebook.com%2Ftools%2Fexplorer
To share an Open Graph story:
https://www.facebook.com/dialog/share_open_graph?
app_id=145634995501895
&display=popup
&action_type=og.likes
&action_properties=%7B%22object%22%3A%22https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2F%22%7D
&redirect_uri=https%3A%2F%2Fdevelopers.facebook.com%2Ftools%2Fexplorer
The 'display=popup' bit affects how the share screen looks, it doesn't open a new window. Possible values for display are:
async, iframe, page, popup, touch, wap
Facebook like button not working on my site.
It goes from like back to default as if it isn't passing some validation.
http://www.imageizer.com/
Once the problem is detected and solved, I'll edit the question to represent a minimal example that will benefit the SO community. Unfortunately I can't pull out the problem out yet as I'm not sure what it is..
Here is a screencast demonstrating the issue http://see.weareinto.com/8Hbq
I believe this is a problem happening on facebook's end. But, there is a way you can fix it... Just copy the URL of your page and enter it in the Facebook LINTER tool here:
Facebook LINTER -> https://developers.facebook.com/tools/debug
I'm not sure of the exact details of why this works, but from what I've been able to gather, when you run the LINTER tool on your URL it will also update the cache facebook has for your URL. The error with the button working is on the facebook side, so by running this tool and getting facebook to update their cached data for your page, the like button starts working again. I've seen this broken facebook button occur for a few different reasons, one being that a page used to use the old facebook share button. When you add the new like button to a page that used to use a share button, the like button won't work until you run the page through the linter.
Bottom line is doing this will fix your like button. If your facebook button doesn't work on a page, run it through the LINTER tool. Hope this helps!
If you are on Wordpress and you have the "Facebook Comments" plugin enabled, uncheck "Include OpenGraph Meta Information" at the very bottom of the Facebook Comments settings page. This was screwing it up for me.
i used to use <fb:serverfbml> and to parse it FB.XFBML.parse().
when i switched to FB.ui, it is very effecient. but as far as i understand, for "apprequests" method, i have to display mode available: pop up or dialog(iframe)
pop up opens in a new browser window. diolog opens iframe window in the same window
so i need to know, if it is possible to render FB.ui result as a part of html, as i can do in <fb:serverfbml>
moguzalp
note: i do a work around doing an rendering FB.ui result in iframe that a create. but it seems not a good idea
Don't use fb:serverFbml, Facebook has made it very clear they are phasing this technology out and are encouraging developers to re-write their applications as iframes. Facebook will continue to improve the FB.ui({method:'apprequests',...}) code.
One issue developers have raised about FB's on page solution for other FB.ui dialogs is the placement on the page. For pages that are more than a screenful, the dialog often appears in an illogical location. The Popup, if used correctly as part of a click event, will display for the majority of users.
I've also created a post illustrating the use of the new apprequests method
http://af-design.com/blog/2011/02/17/using-facebook-requests-to-promote-a-website/