Stop Facebook Share Dialog bunching links from the same domain - javascript

I am using the Facebook Share Dialog with the latest Javascript API version 2.1. The shared links appear in my Facebook timeline fine - but if multiple 'shares' are made then Facebook seems to group or bunch them together.
I guess it is doing this as they are from the same domain or from the same Facebook APP ID. Anyone know how to prevent this bunching behaviour? Thanks.

Related

redirect my web to a specific application on the user device

I'm building a shopping web site which should redirect the user to a spesific application in his device when he click 'submit'.
I'm developing this site with Java Script.
the requirements are:
1) if he uses the site from a computer-the application should not be open.
2) if he uses the site from a device which the application is already installed in- it should be open,
else-playstore ao itunes should be opened in the applicarion page.
now, my problem is with #2- I dont know how to redirect the user to a specific application in his device and automaticly open it.
I dont know the application URL or any API of it.
Is it possible? how?
You could do this using universal links. Here is the link to the documentation provided by Apple themself. There is even an entire video related to this topic on their website, here's the link. I think these documentations are more than enough for even a beginner to adopt a universal link.

WooCommerce Checkout Issue specific to Instagram In-App Browser

This is probably one of the strangest and most frustrating issues I've come across. We have a website https://scampanddude.com/ that is an online shop using, WordPress and WooCommerce.
A lot of their marketing is done via their Instagram page https://www.instagram.com/scampanddude/. When the website is opened from the Instagram app it opens in Instagram's in-app browser. Everything seems to work fine until you get to the checkout. The payment options section is greyed out and the card fields are squashed. If you open the same page on desktop browsers or mobile browsers this section is fine and works as it is supposed to.
I have tried moving this to staging and disabling all of the plugins except WooCommerce and also with the Twentynineteen and Storefront themes and the issue occurs with all of these configurations.
I know that other WordPress and WooCommerce website don't experience this issue so I am at a bit of a loss trying to find out what is causing it.
You should reach out to your hosting provider asking if "bots redirecting" feature is activated for your site. This has been a confirmed cause of WooCommerce checkout page stuck loading its contents on several sites I reviewed.
The actual problem is that ajax call to /?wc-ajax=update_order_review on checkout, instead of reaching and being processed by WooCommerce backend, is redirected to the site homepage by the server with "bots redirecting" turned on.
Disabling "bots redirecting" should result in the issue being resolved. Here are instructions on how to do it on WP Engine hosting.

Detect apple's forced phantom banner in JavaScript

I'm not an iOS developer, and know little less about Safari's configuration by apple.
But Please, hear me out.
I have universal links configured, and I understand that if the App is installed, visiting the website with Safari browser will automatically show a phantom banner to open the page in the app. This seems one of the policies apple included in their Universal Link settings.
Image below shows an example of the Phantom banner
My question is: How can I detect the presence of this Apple's Phantom banner through JavaScript?
To be precise, currently, there is no way to detect the Phantom banner if the universal link is enabled in safari.
You cannot remove it through JS also it has no presence in the DOM.
Try integrating a 3rd party plugin like Firebase or Branch.
I tried firebase hoping it can resolve the issue and below is a summary.
It will create a dynamic link to your webpage which is nothing but a wrapper on your deep link.
But with that you will lose the ability to click on your webpage link and open the App, instead, you will have to use the dynamic link to open the App.
The Dynamic link can be on your domain or on a custom domain.
Here is some more information on domain configuration
https://firebase.google.com/docs/dynamic-links/custom-domains
In my case, the ask was to link directly to the website link so this did not help much. But if the ask is to open the App on a link click then it can help as the Apple App Association file will not be on your domain and you will not see the phantom banner.

cordova app to start whatsapp

I did a few researches yet either the answer is outdated (cordova changed a lot since the answer) or in unanswered.
This is what i need:
I have a phone number on html page which is parte of a cordova app.
All that i need is to know how to send this number to whatsapp so either te user can add the number as contact and therefore be able to be prompted to send a message or simply open the message dialog.
Such behavior need to work on android and on ios too.
Any guidance is welcome.
I guess you are basically looking for sharing the data from your app to an other app (in this case whatsapp). I believe, social sharing plugin should help you out in this case which lets your share link, text and images to apps like facebook, whatsapp etc..
Please look at the official social sharing plugin link for more info. Hope it helps.

Ink Filepicker broken with wall links from the Facebook IOS app

When posting a link to our web site to someones Facebook wall, the ink file picker stops working when the person uses the Facebook IOS application.
The file picker comes up and works normally, but as soon as you try to submit the image, the error in the attached screenshot appears below appears.
The text is cut off but it is something like "...results to application. Communication iframe...".
All works fine in the android FB application which clearly opens links in an external browser. But with the FB IOS, our web site seems to render inside the FB app through some sort of deep linking magic. It seems clear that this is some sort of cross domain issue that has been recently introduced by changes at FB.
Has anyone come across this? Any workarounds?
This question may be related to this one here:
Opening Up Facebook app outside Facebook
Full message is "Cannot send results to the application. Communication iframe not found.. Please close this window and try again." (should be responsive)
Filepicker isn't able to communicate when it is run inside FB IOS app. A solution might be to force it to display filepicker in the browser.

Categories

Resources