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

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.

Related

Apple App Store Badge Redirects to Shady advertisement on mobile but not desktop

I recently published an app to the app store and am trying to put a "Download on the app store" badge on my personal blog. I first used the badge generator tool at https://tools.applemediaservices.com but noticed when I click through the badge on an iOS device (my iPhone and my brother's iPhone), I am directed to a shady "Spin the Wheel!" or "You've won!" webpage. When I click through via desktop web browser, the link opens up the App Store just fine! I'm baffled. I reworked everything from scratch and same behavior persists.
Blog Link: https://keeganleary.com/flutter-app/ (The Badge is just below the web app)
Clicking with thumb on iPhone redirects to pages with goobly-gook addresses like (Don't Follow, I added some ... to hopefully keep anybody from following this link!): https://4i9...gx8uxvn13l...top/t/fe312738ec36/99fda6ec-568c...1=
If I long-press and copy link, then paste into browser on iPhone, it opens up the App Store like it should!
Functionality is same on Chrome and Safari, and two different iPhones.
My code
<figure>
<a href="https://apps.apple.com/us/app/super-pace-calculator/id1548388283">
<img src="https://keeganleary.com/content/images/2021/01/Download_on_the_App_Store_Badge_US-UK_blk_092917.png">
</a>
<figcaption></figcaption>
</figure>
My best guess is my website or iPhone browser is hacked somehow but I have no idea. Tried clearing caches as well but same thing happens.
I analyzed your site and found no virus.
I noticed that you are using disqus on your site, I am almost sure that these ads came from the disqus that, unfortunately, inject ads without our permission, generally unwanted or deceptive low quality ads that can even hinder users' navigation.
Take the test, disable DISQUS from your site and see if the ads disappear.
unfortunately I have not found another way to disable these ads if not buying the subscription where you can disable the ads.

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.

How to share WhatsApp on WhatsApp web on desktop and WhatsApp app on phone

I'm trying to implement a button that shares the current page on WhatsApp, there's no issue with using the link on phone but on desktop I can't send it to WhatsApp web or open WhatsApp web if it's not opened yet.
I was searching for long on Stack Overflow and other webpages as well on documentation, which I can't find (I only face Android documentation but not web documentation for it).
I referred to https://api.whatsapp.com nut no info can be found here.
No info about WhatsApp share API here:
https://developers.facebook.com/ neither on resuts from search share WhatsApp or sharing WhatsApp.
My approach is this line as I said someone posting here:
How to implements whatsapp share button in website
Share to whatsapp
I bet that this function was moved to WhatsApp for business, are it?
OK I found this browsing on latest Google's result pages:
share to whatsapp web
This does not answer the question at all as it's supposed to work as a single button with detect and fallback (api.whatsapp I mean), but it can be a nice approach to show and hide one of these two options if the client is on desktop or in mobile.
If someone knows a different approach it could be nice.
Another issue/bug with this approach is that on desktop, it opens always a new web.whatsapp.com tab even if you've it opened before.

whatsapp html link not working on iphone 8, chrome

I have a html whatsapp link for users to share a website link via their whatsapp application.
I have used the following links to share:
<a href="https://wa.me/?text=https%3a%2f%2fwww.youtube.com" target="_blank" data-action="share/whatsapp/share">
or
https://api.whatsapp.com/send?phone=&text=https%3a%2f%2fwww.youtube.com
*Note that the shared links are already encoded
I understand that this link will automatically launch the whatsapp app if it is detected on their device, otherwise it would just redirect them to the app store.
However, I am only having an issue with chrome on iPhone 8.
The links work fine on other browsers (Safari, Firefox, Opera)
IOS, Chrome & Whatsapp are all up to date.
Even though whatsapp is installed on the device, it still redirects me to the app store.
the App store has a button which opens whatsapp, but the send shared link message window is not present. it just opens whatsapp like normal.
Is there a fix for this?
I think, as a temporary fix at least, try making the link copy to the clipboard, then give the user an alert that it has happened. I'm not sure of how to fix it, as when I tested it it worked fine, but I'm using a slightly older version of iOS. Perhaps that means the new version made some changes about how this works?
First: Official Whatsapp Sharing Documentation. Try one of the following formats...
https://api.whatsapp.com/send?text=YourShareTextHere
https://api.whatsapp.com/send?text=YourShareTextHere&phone=123
These seem to work for me!
If you are interested in watching a project that keeps track of these URLs, then check us out!: https://github.com/bradvin/social-share-urls#whatsapp

Open link in mobile browser(safari) instead of Facebook native browser (html base)

Im developing a web with facebook share link function. I notice facebook mobile apps will open shared link in its own browser, instead of mobile broswer (IE. safari, chrome and so on). Is there any control on this able us to force facebook open the link in mobile browser?
No. The only reliable workaround is if you use the web app with an iOS app, and all users install that iOS app, you can send users to your iOS app to accomplish that task which isn't a great workaround.
An easier but still not optimal solution would be to detect the Facebook browser in the user-agent string, and display a message to prompt users to visit the URL in the mobile browser.