iPad で App Store ではなくパソコン向けページが表示されるのはなぜ？

iPhone を App Store へ、Android スマートフォンを Google Play へ送るリンクを作り、試したどのスマートフォンでも動いたのに、iPad の人がパソコン向けページに着地してしまう。あなたのコードは間違っていません。iPad は意図的に自分の正体を偽っています。Apple が iPad でパソコンと同じ完全な Web サイトを見られるようにしたかったからです。このガイドでは、iPad が何を送っているのか、なぜサーバーでは見抜けないのか、ブラウザでどう判定するのか、そしてストアへのリダイレクトは iPad をどう扱うべきかを説明します。

手順

SDK も再ビルドも不要。URL があるだけです。

1. 1

   ブラウザで iPad を見分ける

   リダイレクトを JavaScript で実行しているなら、ユーザーエージェントの判定にタッチの判定を加えます。Mac が 2 つ以上のタッチポイントを報告することはありませんが、iPad は報告します。

   // iPadOS 13+: iPad の Safari は Mac のユーザーエージェントを報告する
   const ua = navigator.userAgent;
   const isIOS = /iPad|iPhone|iPod/.test(ua) ||
     (/Macintosh/.test(ua) && navigator.maxTouchPoints > 1);
   const isAndroid = /Android/i.test(ua);

2. 2

   パソコン向けの分岐に両方のストアボタンを置く

   サーバー側のリダイレクトではこの判定を実行できないため、「パソコン」向けに返すページは一部の iPad にも表示されます。そこに App Store ボタンと Google Play ボタンを置き、本物のパソコン向けに QR コードも加えましょう。

3. 3

   または振り分けを onestore.link に任せる

   2 つのストア URL で onestore.link を作成します。スマートフォンはサーバーでリダイレクトされ、それ以外のすべての訪問者（デスクトップモードの iPad を含む）には両方のボタンと QR コードのあるページが表示されます。保守するコードはありません。

よくある質問