Force facebook to open link in external browser for smart phones

Question

How can I post a link to my website in a Facebook post, and have it open in the user's external browser when using smartphone app, not Facebook's native browser, which is not displaying properly? My page is http://www.hannabery.com

Answer 1

On Android, you can use Firebase Dynamic Links to let user open specific URLs by external browser. I guess that Android webview is equipped with some Firebase SDKs, so this method only works on Android. User still opens link by in-app browser on iOS.

1. Create a project and a domain for dynamic links

2. Manually create the link like: https://DOMAIN.page.link/?link=YOUR_DEST_URL (Or there're many other ways to create links)

For example, post this link on Facebook or Messenger and try it:

https://fugle.page.link/trade-landing-page

Note : Dynamic Links are mainly used to provide consistent and smooth UX across platforms and app installs. This is just a side effect I discovered may help to answer the question, and it may not last long and so should not be taken as the final solution.

Answer 2

Hope that this way can help you:

var ifc = document.createElement("div");
ifc.innerHTML = `<iframe src='${browserScheme}${target}' style='width:0;height:0;border:0; border:none;visibility: hidden;'></iframe>`;
document.body.appendChild(ifc);

Full sources and example: https://github.com/huantt/force-open-browser/tree/master

Answer 3

https://github.com/huantt/force-open-browser/tree/master I thought this one only worked when link is sent on messenger. But any link clicked on fb messenger is going to ask what browser you prefer. I used the code on my page and I posted the link on FB and it is opened by the FB browser. How annoying :(

Answer 4

This cant be done (for obvious security reasons) but there are ways

1.Create an app for your website

If you create an app for your website then theres no need for facebook in the middle of things

2.Create an app displaying facebook page

As long as its your page and not something misleading then this is allowed and you can do some pretty neat stuff in android studio

for example if you post a like

mywebsite.com/forum/

theres this cool function you can use .endsWith("/forum/") from there you can make your application do ANYTHING when a link is clicked that ends with "/forum/"

A few things ive done

1. Redirect to that link
2. open browser to display link
3. Move to portion of app
4. Display dialog boxs

and theres much more your able to do

Answer 5

If you are having issues with your PWA not running correctly in Facebooks (insert expletive) Mobile Browser. Using dynamic links will force it out to the regular browser. Don't use your custom domain though. Use https://YOURDOMAIN.page.link instead

https://firebase.google.com/docs/dynamic-links/custom-domains

also DO NOT skip the preview page!

Answer 6

any updates these days? Seems it works only in messenger...tried all above tricks..