I need to post a banner ad with hyperlink on my WP site for mobile users so could you please help me how to redirect users to the releveant store according to their OS? i.e. redirecting android users to play store link, and IOS users to apple store link. Best regards
Jese Leos
October 2, 2024
Verified user
Asuming that you want to send to App Store or playstore based on Google Device or android one way to do it would be to add Javascript in header.php of your Wordpress. HTML of the Banner <a href="#" id="mobile-store-link"> <img src="YOUR_BANNER_IMAGE_URL" alt="Download App" /> </a> Followrd by Script <script> document.addEventListener("DOMContentLoaded", function() { var userAgent = navigator.userAgent || navigator.vendor || window.opera; var storeLink = document.getElementById("mobile-store-link"); // Define your store URLs var playStoreUrl = "https://play.google.com/store/apps/details?id=YOUR_APP_ID"; var appStoreUrl = "https://apps.apple.com/us/app/YOUR_APP_ID"; if (/android/i.test(userAgent)) { // Redirect Android users to Play Store storeLink.setAttribute("href", playStoreUrl); } else if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) { // Redirect iOS users to Apple Store storeLink.setAttribute("href", appStoreUrl); } else { // Fallback if neither iOS nor Android storeLink.setAttribute("href", "#"); } }); </script> Do think about responsive banner image. CSS media query can be used to achieve this.