How to open the native Facebook app from a react app link? - facebook

In my react web app I have a link to share a website url on Facebook:
<Link href={`https://www.facebook.com/sharer/sharer.php?u=${this.props.shareUrl}`}>
Share on Facebook
I could also use a plain html link like so
<a href={`https://www.facebook.com/sharer/sharer.php?u=${this.props.shareUrl}`}>Share on Facebook</a>
When this is clicked Safari is launched and the Facebook web page is displayed.
What would I need to do to get the native Facebook ios or android app to launch (instead of a browser) if it is installed? Could I carry on using this link or would I need to use a share button or install the Fb SDK?

Try this one to open a Facebook app from URL. It works for me.
Linking.openURL("fb://facewebmodal/f?href=https://www.facebook.com/FixadorPT/");

Related

Sending URL using Facebook messenger from my Mobile Website

I am looking to send some link over Facebook Messenger app from my mobile website on Chrome Browser on my mobile. I am using the facebook messenger's custom URI Scheme fb-messenger://share. I saw this option on the the following link: Custom URI Schemes for the Facebook Messenger I used the full url as: fb-messenger://share?ShareType=ShareType.regular&share_story_url= I tried multiple options for share, as mentiond in the link above, but nothing works. It tries to open the app and closes.
You can do it by adding the following link to your page:
I don't know what else you can pass except for the link, maybe a user ID with to (probably the same params as described in the dialog method
i'm facing same issue and this is not working in ios devices.
In android devices its working fine.
I have used this one:
fb-messenger://share?link=" + smsString; (smsString is var)

Facebook share not working in mobile browser

I am using below API for Facebook share, It's working in web browser but not in mobile browser.
https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.facebook.com%2Fphoto.php%3Ffbid%3D503650586358491%26set%3Da.447778305279053.102678.420576761332541%26type%3D1&t=Breaking%3A+BUCKWILD%27s+Shain+has+died.+Our+hearts+go+out+to+his+family.+More+info+here%3A+http%3A%2F%2Fon.mtv.com%2F128hbz2
I'm using android phone.
Error message : "Your link could not be found."
Any suggestion ?
Thanks
You need url for mobile to start http://m.facebook.com/sharer.php?u=
Also the rest url wont work like that, you need url site whit the Facebook Open Graph META Tags.
From what I could see, the solution offered by vj_andrei doesn't work - the m.facebook.com/sharer url just doesn't exist.
Facebook, however, have re-introduced the share button, and it works for mobile as well.

HOW to open photo in iphone fb app from other app using fb:// url

I'm trying to set a QR code link that showing me a photo uploaded into a new album in Facebook by a remote script.
I saw this page: AKOSMA
I then added fb://photo/id to my qrcode generator script
On Android, the URL works!
on iPhone it loads the Facebook app and loads a white page with no photos.
What URL am I supposed to use?
I tried some other URLs that I read about in the link above, but it doesn't work.
Unfortunately it doesn't seem it's possible. I tried in may ways!
At the moment I am linking to the photo in mobile Safari: #"http://www.facebook.com/photo.php?fbid=%#"

How to bypass googlemap native app while loading http://maps.google.com in web app?

I have a web app and want to show google map app when user clicks on his address. If i redirect the link to http://maps.google.com?q=amritsar#bmb=1, the iphone automatically redirects to iphone google map native app.. And the problem here is there is no back button on google map app , so there is no way to come back to my web app. So i want some way by which maps.google.com?q=amritsar#bmb=1 does not open native web app. but simply opens the url in iframe. I dont want to use google map apis to show the google map because it does not give the ui as that of maps.google.com in iphone.
Try using the link for the mobile version of Google Maps (without the maps subdomain) to avoid the redirect to Apple's native Maps app.
Use: http://google.com/maps/m?q=amritsar#bmb=1
Instead of: http://maps.google.com?q=amritsar#bmb=1
You could use <iframe> to simply include the google map in your web app page. Here's a minimal page that shows the use of the tag.
<html>
<body>
<h2>map</h2>
<iframe src="http://maps.google.com/?q=amritsar#bmb=1" width="50%" height="50%">
Your browser does not support iframes
</iframe>
</body>
</html>
I tested this on the iPad and it did not redirect to the native app.

How do I redirect my URL to the app store app page?

I noticed that when I type Path.com in mobile safari on my iphone, it redirects me to the app store. And when I'm using my desktop browser (safari, as well), it just goes to the path.com website. I'd like to do this for my site. What do I need to do? Thanks!
you can try this:
<script language=”javascript” type=”text/javascript”>
window.location.href="myURL.com"</script>