Rediriger les visiteurs par appareil : iPhone, Android ou ordinateur

Configurez-le avec Nginx#

nginxmap $http_user_agent $app_target {
    default        https://mybrand.com/get-the-app;
    ~*(iphone|ipad) https://apps.apple.com/app/id123456789;
    ~*android       https://play.google.com/store/apps/details?id=com.mybrand.app;
}

server {
    server_name go.mybrand.com;
    location = /app {
        add_header Vary User-Agent;
        return 302 $app_target;
    }
}

Configurez-le sur une page web#

Si vous ne pouvez pas modifier le serveur, un petit script sur la page de destination peut faire la même chose. Les iPad récents indiquent un navigateur Mac, alors vérifiez aussi la prise en charge du tactile :

javascriptconst ua = navigator.userAgent;
const isIOS = /iPhone|iPad|iPod/.test(ua) ||
  (/Macintosh/.test(ua) && navigator.maxTouchPoints > 1);

if (isIOS) {
  location.replace('https://apps.apple.com/app/id123456789');
} else if (/Android/i.test(ua)) {
  location.replace('https://play.google.com/store/apps/details?id=com.mybrand.app');
}

Erreurs courantes#

• Utiliser une redirection 301 : les navigateurs la mettent en cache, donc un téléphone qui a une fois été dirigé vers l’App Store y retournera toujours.
• Oublier Vary: User-Agent, ce qui fait qu’un cache sert la réponse iPhone aux utilisateurs Android.
• Pas de solution de repli : les visiteurs sur ordinateur et les appareils inconnus ont besoin d’une page web fonctionnelle.

Routage des appareils dans RedirHub (sur demande)#

Les liens de marque et les codes QR dans RedirHub peuvent envoyer chaque type d’appareil vers sa propre destination une fois le routage par appareil activé pour votre espace de travail, de sorte qu’un code QR imprimé ouvre le bon store d’applications et que vous puissiez toujours modifier les destinations plus tard. La configuration se fait sur demande et peut être opérationnelle en 3 jours seulement.

Pour en faire la demande, utilisez le formulaire de contact ou envoyez un e-mail à success@redirhub.com avec le nom de votre espace de travail, les liens et la destination pour chaque appareil.

Pour les formats d'URL de boutique, les Smart App Banners et les liens profonds, lisez App Store Redirect : Un lien pour les utilisateurs iPhone et Android.