A blank popup appears in the Facebook share dialog - but does reboot work?
I had a working dialog up to 2 days ago and now it suddenly doesn't work. No changes were made on my side, not in the code, not in the dev center.
Suddenly clicking the share button opens a blank popup instead of the share dialog, even if the url of the popup is correct. And when I reload the popup, it shows the dialog correctly!
For the sake of simplicity, I created a test page in my application that only contains a share button. Here is the page code:
<!DOCTYPE>
<html>
<head>
<script src="https://connect.facebook.net/en_US/sdk.js"></script>
<meta property="fb:app_id" content="453494284796333" />
<meta property="og:type" content="fircikonline:share" />
<meta property="og:url" content="http://light-speed-games.com/apps/sharebuttons/sharebutton.php?id=58667&desc=Igraj%20i%20ti%20Fircik%20besplatno%20onlajn,%20zabavi%20se%20i%20takmi%C4%8Di%20sa%20prijateljima.&img=https://light-speed-games.com/apps/fircik/images/logo125.png&title=Pobedio%20sam%20u%20Firciku!&url=https://apps.facebook.com/fircikonline/&aid=453494284796333?id=4&desc=Igraj i ti Fircik besplatno onlajn, zabavi se i takmiči sa prijateljima.&img=https://light-speed-games.com/apps/fircik/images/logo125.png&title=Pobedio sam u Firciku!" />
<meta property="og:title" content="Pobedio sam u Firciku!" />
<meta property="og:image" content="https://light-speed-games.com/apps/fircik/images/logo125.png" />
<meta property="og:description" content="Igraj i ti Fircik besplatno onlajn, zabavi se i takmiči sa prijateljima." />
</head>
<body style='padding:0;margin:0;'>
<div id="fb-root"></div>
<script>
FB.init({
appId : '453494284796333',
xfbml : true,
version : 'v2.2'
});
function share() {
FB.ui({
method: 'share_open_graph',
action_type: 'fircikonline:share',
action_properties: JSON.stringify({
type: 'fircikonline:share',
object: 'http://light-speed-games.com/apps/sharebuttons/sharebutton.php?id=58667&desc=Igraj%20i%20ti%20Fircik%20besplatno%20onlajn,%20zabavi%20se%20i%20takmi%C4%8Di%20sa%20prijateljima.&img=https://light-speed-games.com/apps/fircik/images/logo125.png&title=Pobedio%20sam%20u%20Firciku!&url=https://google.com&aid=453494284796333?id=4&desc=Igraj i ti Fircik besplatno onlajn, zabavi se i takmiči sa prijateljima.&img=https://light-speed-games.com/apps/fircik/images/logo125.png&title=Pobedio sam u Firciku!',
href: 'https://google.com'
})
});
}
</script>
<a href="#" onclick="share();">Share now</a>
</body>
</html>
This is the url of the popup: click here
This is the actual share button with the real URL, app ID and everything else. The Share button will not work for you because you are not an app user, but if you give me your FB ID, I will add you as a test user and you can test it yourself.
I find no hope, but does anyone know at all what Facebook is and how can I get around it?
Ideally I would like this to work correctly, but if this is not possible for some crazy reason, perhaps any of the following hacks exist:
1) load the share dialog once into an invisible iframe and then load it again into the popup, hoping the second one will work?
2) for the API to return the url so that I can load it into an invisible iframe just before showing the popup, again hoping the second one will work?
3) reload blank popup?
4) disable the API twice, but somehow force it to open in the same popup rather than load a new one a second time?
source to share
