I am working on an application in Flutter for a client. They are wanting to promote their Facebook page for their business, the page is open to the public and doesn't require login. On their site, they're already using the Facebook Social Plugin to promote their Facebook feed. I am wanting to use the Social Plugin or something similar to it for consistency.
I have tried grabbing the iFrame from Facebook's Social Plugin creation page and hosting it in a WebView via Flutter. The problem is this leads to a bunch of different errors and a repeated Attempt to remove non-JNI local reference, dumping thread console log. I already know that the WebView wasn't built to handle an iFrame like this, but I don't know where else to turn in-order to view the Facebook Page. I have also tried to just display the URL link in the WebView without any of the HTML tags and had no luck. Any suggestions?
You can simply use webview_flutter plugin to display the web page on a Flutter app. Note that webview_flutter plugin is yet to have support for web. If you're also planning to deploy your app for web, what I did was I rendered the page using HtmlElementView, following this post.
Related
We used Flutter Web to develop our website and we encounter one issue only in the browser integrated in the Instagram app. If a user opens a link to our website in Instagram, the In-App-Browser shows the page totally strange (see https://i.stack.imgur.com/5geUn.png for the broken version and see here https://i.stack.imgur.com/2eDwb.png for how it should look like). This only happens on iOS and only if you open the link for the first time.
We have tried changing the web renderer but this introduces other layout issues (also only Instagram). If the user is reloading the page it fixes the problem, but if we do it programmatically with html.window.location.reload() it does not change anything. Do you have any idea what the problem could be or what else we could try to fix this problem? Thank you!
I followed the instructions in this post: Mobile users unable to access Facebook page tab to try and get my Custom Page Tab to appear in mobile browsers, and mobile Facebook apps for Android and IPhone. However, it does not work. I fear that all these posts are dated and no longer apply to Facebook API 2.7.
Currently the Page Tab application works fine in a PC browser, except there seems to be no way to make this Page Tab the default one. That would be ideal. More problematic though is that I can't get the tab to appear at all in mobile browser or mobile FB application. Furthermore if I go to my redirect page: https://www.libertylive2016.com/facebook/Redirection.aspx?fb the redirect doesn't seem to work on m.facebook.com. The page comes back as unauthorized or unavailable.
Is there a 2016 way of solving this issue? I have the beginnings of a slideshow at: https://www.libertylive2016.com/facebook/TabLibertyLive2016.aspx which I want to put on a custom tab that is accessible to all. The facebook page is http://www.facebook.com/libertylive2016. The custom tab is called "Liberty Live 2016"
Thanks In Advance!
I guess the answer is that it is impossible. Pretty pathetic indictment of Facebook's technology.
I'm working on an application that can be embedded in other pages using an iFrame that requires facebook permissions. The problem is we're running into issues when trying to use the facebook SDK to login from inside an iFrame on iOS (the login window never appears). We're running code on the parent page that places the iFrame, so my question is, can I place our SDK on the parent page without conflicting with any existing Facebook SDKs on that page?
can I place our SDK on the parent page without conflicting with any existing Facebook SDKs on that page?
No, you can’t. The JS SDK can only be embedded and initialized once.
The problem is we're running into issues when trying to use the facebook SDK to login from inside an iFrame on iOS (the login window never appears)
The whole JS SDK popup login flow is not the most suitable for mobile in many cases.
You might have better luck implementing the manual login flow, https://developers.facebook.com/docs/facebook-login/manually-build-a-login-flow
If you open that in a new window, you’d have to find a way to close it again, and have the iframe notified that successful login has happend. (Perhaps postMessage before closing the login window.)
Another possible option would be to redirect in the top window (instead of opening a new window/popup), and then after login back to the 3rd-party site, that loads your iframe again. (But not all people using your plugin on their page might like that.)
I'm developing a cross-platform App with Ionic 2 (angular2 & typescript).
I'm using the Ionic Native plugin to Login with facebook, but this plugin does not provide any way to Like Pages from my App.
I tried with the Page Plugin which is able to like pages but I don't get any response/callback from this action and I need to know when a user liked a page. This should work with any Facebook Page.
Any way to make this work? Preferably using the graph API.
I have a webpage; static, of course, I want to increase the good experience using a share button but when the users try to share from the web page using a smartphone, they redirect to another tab in the same browser instead of using the official app.