We have a PWA linked to the Facebook advertisement. The problem is when clicking the advertisement from the FB app, it opens the PWA with FB's internal browser which doesn't support PWA features.
Question: Is there a way to open the PWA from FB post or any workaround for the problem? I have tried with dynamic links, but the link is also open in FB app internal browser.
Unfortunately, there is no way you can control how Facebook app behave. Instead, they allow user to choose whether to open link externally. User can go Settings -> Media & Contacts -> Links open externally to disabled the option.
Reference: https://countdownwebdesign.com/quick-tip-open-facebook-links-in-chrome/
Related
I developed a Progressive Web App (JS+HTML+CSS), which asks you to "Add to Homescreen" and "Permission for Push Notification" when the user opens it. The problem is that when the URL is opened from a WebView, for example Facebook WebView, the service worker not works.
So I want a way to force the user to open the URL in Chrome mobile. I try using googlechrome://myurl.com or googlechromes://myurl.com but not works, and I also try to create a link like window.open('https://myurl.com, '_system') but not works.
Any ideas? Thanks!
When user is using an app, Facebook's app for example and click on my website link, my site will be opened in Facebook's app Webview.
I want to prevent that and open it in a browser instead.
Can I make it work by adding some javascript codes to my website ?
Try window.open() method of Javascript.
I'm building a webapp where users chan share links to other users.
Lets illustrate my problem with an example:
Alice is using the webapp.
Alice shares a link to Bob through messenger API.
Bob clicks the link that opens in the messenger browser.
Bob wants to share a link to Chris but it's not working since
messenger API can't open itself inside messenger browser !
I tried to fix this by adding href="_blank" but links keep opening theirselves inside the messenger browser.
Is there way to bypass messenger browser when user click on links (and use users' default browser instead) ? Without using Facebook settings.
Unfortunately, there is no such thing in the Messenger Platform Reference. Only the user can choose to bypass Messenger's browser in favor of his default mobile browser, through Messenger's settings.
href="_blank" shouldn't have any effect for two reasons:
It is written incorrectly. The correct syntax is target="_blank"
Even if it was written correctly, because it actually only tells the browser to open something in a new tab (or Window) not a different browser. Messenger's browser just ignores it since it doesn't support tabs.
We have several problems with using the FB JS SDK, and popup blockers or Native App Web Views.
FB App has a setting to open websites inside of Facebook app as a webview. - this seems to have a blanket popup ban... so FB.Login() just does nothing.
iOS has a default setting blocking all POPUPs - Chrome/Android also has this but its not default.
I find it hard to believe that Facebook is not aware and has a solution to this, as it seems the most-case these days.
Journeys affected.
FB Native app user clicks link to our site. Opens in FB WebView - Can't login with Facebook.
Safari user has iOS popup blocker turned on - FB JS SDK just doesn't work.
PC/Laptop Chrome, as popup blocker turned on - FB Login won't work.
The only way we can see to make this work in a modern mobile landscape is to implement the full Oauth redirect flow.
Surely this is now true FOR ALL Mobile or responsive websites - any of your users could be viewing your site through a Native App Facebook, Twitter, Gmail, Slack, LinkedIn, or any other.
Use the redirect flows as specified in the FB Advanced section.
https://developers.facebook.com/docs/facebook-login/manually-build-a-login-flow
Its the only way to reliably login or set permissions with FB and Twitter on todays mobile landscape with a myriad of in native-app 'webviews' to display webpages and sites.
I'm trying to implement the official Twitter and Facebook share buttons in my Cordova/Phonegap app, and I'm running into major difficulties with them. Both of them attempt to load an iframe element to display their buttons, which works, but clicking either of them causes them to open in the Webview, with no way to open them instead in the ChildBrowser. This becomes an issue when the user is done sharing but can't go back to the app due to a lack of navigation buttons.
Is there some way to open a list of URLs in ChildBrowser by default instead of Webview?
Well you can use the:
ChildBrowser.showWebPage();
command to open non-white listed URL's.
Coming in 2.3.0 we will overload window.open() in so that you can specify whether or not you want the url opened in the main web view, the OS browser or the special in app browser that does not have access to the Cordova API.