根据操作系统重定向移动用户

Question

我需要在我的 WP 网站上为移动用户发布带有超链接的横幅广告，您能帮助我如何根据用户的操作系统将用户重定向到相关商店吗？ 即，将 Android 用户重定向到 play 商店链接，将 IOS 用户重定向到 apple store 链接。

致以诚挚的问候

Answer 1

假设您想发送到基于 Google 设备或 Android 的 App Store 或 Playstore，一种方法是在 WordPress 的 header.php 中添加 Javascript 横幅的 HTML

 <a href="#" id="mobile-store-link">
    <img src="YOUR_BANNER_IMAGE_URL" alt="Download App" />
    </a>

按照脚本进行操作

<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>

请考虑响应式横幅图像。 CSS 媒体查询可以用来实现这一点。