We have a PWA mobile site at providentmetals.com. When someone visit our site for the first time or in private/incognito mode, we display the smart banner to promote the app download from the appstore. Since a few months ago, the smart banner stopped appearing in Safari and Chrome on iPhone.
The smart banner works fine on Android, however.
We have defined in the HTML and have tried everything possible but to no avail.
We thought it had something to do with https://developer.apple.com/documentation/apptrackingtransparency but that had been taken care of and the problem still exists.
What we know so far:
• The App Banner in iOS Safari is triggered by a meta tag
• The App Banner in Chrome (iOS and Android) is JavaScript based
• The correct iTunes meta tag for triggering App Banner in iOS Safari is present on AMP, PWA, and Canonical pages. All the places.
• Currently, banner is displayed on AMP pages in Safari, all releases. And PWA/canonical pages when viewed in iOS 13 and below.
• In iOS 14, App Tracking Transparency was added, along with other privacy controls. This is where the banner stops working - iOS 14+.
Any idea how to solve this issue?