Facebook page opens in browser instead of mobile app - html

I have added social icons on a website and added link of the business page like following:
<ul>
<li>Facebook</a></li>
<li>Twitter</a></li>
<li>Youtube</li>
</ul>
When I click on the twitter and youtube links through mobile device, it opens on the respective application. But facebook opens on it's mobile site m.facebook.com/pagename.
I want to open the facebook link on it's mobile app as well if user clicks the facebook link from mobile device. Kindly, let me know how can I achieve this?

Facebooks has a separate mobile url, it is called like this:
http://m.facebook.com/pagename/

Related

embed my website in whatsapp chat like youtube link share

I want to show my website content in picture in picture tab in whatsapp as like youtube.
when we share a youtube link in whatsapp chat, it will send as a preview and when anyone click on that , it will open a small window (picture in picture) inside whatsapp & show an iframe of youtube website & play it as same as in youtube.
I want this type of functionality for my website.
what can i do for this, i used open graph in meta tags but it only shows image preview on link sharing, it will not open a small popup for my website as it does for youtube.

On click loads a different website but still within my website - like Facebook

On Facebook, via mobile, If you go to a profile page and click on a link to a person website it loads the website up in front of the Facebook website so when they press the X in the top left-hand corner it then deletes the webpage and the Facebook is still there.
On my desktop computer, I have used a different tap to load up but can't find out how I can do it this way for mobile and tablet?
I'm sure its quite simple but I have not got a clue what to look for sadly
Hope you can help, please.
Many Thanks
Tim
The picture you give appears to be the native mobile app for Facebook and not a webpage.
It just uses an embedded browser in the mobile app. How you do that depends on which platform you are developing for. For iOS it would be something along the lines of the UIWebView class.

Add website to home screen without address bar

Today I was browsing "how to migrate jimdo CMS to WordPress" from the internet.
And I've got a website with some details.
Here is the URL of the website:https://m.freelancer.com/projects/Wordpress/Migrate-Jimdo-Website-WordPress/
When I click over that website's link, after the website is loaded, I saw a window like this: "Add this website to home screen ".
When I choose"yes", the browser automatically created an app for that website in my home page. My Device is android, so I clicked the home button of my phone and clicked over the apps icon. Then an app is just opened. The app doesn't looks like chrome because it doesn't have the address bar. I didn't installed any freelancer apk file.I tried to close and uninstall that app. From home screen, when I hold over the app icon, I saw" remove " text on top of my phone's screen. It means that the app I've hold is not an actual apk. It's a widget or something which is created by the chrome browser by command of that "https://m.freelancer.com/projects/Wordpress/Migrate-Jimdo-Website-WordPress/" website. I want to add that feature in my website, which is a sub domain:sslclive.jimdo.com
Is anyone anyone knows how to add that feature in my website?
That feature must be maid by some kind of HTML/JavaScript code.
If anyone knows, then please answer.
And sorry for my worst bad English
You need to add this meta tag to tells the browser to launch your page fullscreen
<meta name="mobile-web-app-capable" content="yes">
You can also add an icon using a manifest:
https://developers.google.com/web/fundamentals/native-hardware/fullscreen/#launching_a_page_fullscreen_from_home_screen

My website doesn't open in Facebook in-app browser

I have a Facebook Page and I have a website based on WordPress. I share links from my website to the Facebook page, but unfortunately, when I used the Facebook app on my mobile, the links do not open in Facebook in-app browser.
What should I do to solve this problem? Another link from another website is working correctly, but from my website, it's not opening.
This may or may not help, but try running your website though the Facebook debugger. You might also hit the Scrape Again button while you are there. Then see if your page open in the in-app browser.

How to link my web page to social networking sites

I have designed my Web page using HTML5 in dreamweaver and in that I want to link my web page with social networking sites (Facebook, twitter and Linkedin).
Please tell me how to link with this and what are the plugins used to link Social Networking sites.
Facebook's Like Button:
https://developers.facebook.com/docs/plugins/like-button/
Twitter's Tweet Button:
https://dev.twitter.com/docs/tweet-button
Google+'s +1 Button:
https://developers.google.com/+/web/+1button/
AddThis is a nice way to include social buttons to your site:
https://www.addthis.com/get/sharing
you can just show social networking icon images and give below path as a href
Facebook : http://www.facebook.com/pages/UR PAGE NAME
twitter : https://twitter.com/#!/UR PAGE NAME
Google+ : https://plus.google.com/UR PROFILE NO.
Note: first open your social web page in browser and check the url what is provided and then copy paste that url in your social site image