Hi,
The functionality you are looking for is unrelated to AEM, but it is a regular smart app implementation that you will do for any website. Unfortunately, there is no universal way to do it; there are some 3rd party services which can help with the heavy lifting. In any case, here are some general guidelines to follow in order to achieve what you need:
- Use JavaScript to detect if the device is mobile.
- Use JavaScript to detect if the device is Android or iPhone.
- Display the banner with the correct metadata based on the above filters.
Please refer to this article for more detailed information: https://medium.com/umamitech-blog/smart-app-banners-for-ios-and-android-a-handmade-solution-7785d6bc...
Hope this helps
Esteban Bustamante