2018 version - open link in FB native app & NOT in browser - facebook

How do I get this button to take the user to the FB app in the user's mobile?
This is the code for now - My link is taking him to the browser:
<a style="color:#3b5998;text-decoration:none;cursor:pointer;width:100%;" href="https://www.facebook.com/plugins/group/join/popup/?group_id=170986033537864&source=email_campaign_plugin" target="_blank" rel="noopener">
enter image description here

Related

On mobile, open facebook's sharer.php link to load the Facebook app instead of a new tab in the browser

These two facebook and twitter share links work properly.
<i class="fa fa-facebook-square fa-2x"></i>
<i class="fa fa-twitter-square fa-2x"></i>
On mobile, twitter link opens the Twitter app, but for the facebook sharer, the browser (Safari) opens a new tab with the facebook login link. I want the same functionality as Twitter - clicking on the facebook sharer.php link should open the Facebook app. Can I control this via code on my HTML page ?

How to display URL on facebook messenger via IBM WATSON Chatbot?

The issue is on IBM Watson bluemix console the output is proper.It is displaying URL and images fine.But on FB messenger it is displaying whole href tag and also the image is not visible.
OUTPUT :
ON IBM CONSOLE : This is a link Google
ON FB MESSENGER:This is a link <a target="_blank" href= "https://google.com">Google</a>.
How to hide the <a target="_blank" href= "https://google.com">Google</a> whole tag on FB ?
OUTPUT IMAGE:
ON IBM BLUEMIX CONSOLE
ON FB MESSENGER
Facebook Messenger automatically turns a url string into a link for the user to click on.
So simply remove the HTML tags, and pass the url in the message.
"This is a link to Google: www.google.com"
If you don't want to expose the url, you can also use Facebook Messenger Buttons.

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

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/");

Facebook Iframe tab - Show the native photo lightbox?

I'm making Iframe app for Facebook's tab page. It has photos listing pulled from an Album.
Is there a way to show the native lightbox / popup for commenting. The one like shown in the picture below:
From the Graph API, I got the photo ID and all the data. Is there a way to initiate this event?
I can't seem to find the right term to Google it. I found an answer from 2011 saying it's impossible. Is it possible now?
As far as I have found, there's no way of doing this.
So, the simplest alternative is to open the photo in new browser tab.
Your link:
<a data-url="<?php echo $photo_url; ?>">
...
</a>
Javascript (using JQuery):
$("[data-url]").on("click", function(e) {
e.preventDefault();
var url = $(this).data("url");
window.open(url);
});

how to display an external link in a facebook application>

I am developing an FB appln in iFrame mode with coding in xFBML. What is the code to navigate to an external link?
<a target="_parent" href="http://google.com">link</a>