はじめに
Web サイトにアプリのダウンロードボタンを追加する方法（iOS + Android）
どの端末でも正しいストアを開く「アプリをダウンロード」ボタンを、サイトに 1 つ置きましょう。
結論
端末判定の裏に 2 つのストアバッジを置くのではなく、href が 1 本のスマートリンクになっているボタンを 1 つ使います。onestore.link はクリックした時点で端末を判別するので、同じボタンが iPhone でも Android でもデスクトップでも動作し、User-Agent を判別する JavaScript を配信する必要もありません。
最終確認日：2026-10-22
マーケティングサイトやランディングページの「アプリをダウンロード」ボタンは、さまざまな訪問者に対応しなければなりません。2 つのボタン（App Store と Google Play）を並べれば手間とごちゃつきが増え、1 つのストアリンクを固定すれば、残り半分の訪問者が置き去りになります。すっきりした解決策は、訪問者一人ひとりを正しいストアへ振り分けるスマートリンクを指す、1 つのボタンです。設定方法をご紹介します。
課題
- 1 つのストアリンクを固定したボタンでは、訪問者の半分が間違った場所へ送られる。
- ストアボタンを 2 つ並べると、見た目がごちゃつき、選ぶ手間が増える。
- 静的な HTML では、追加の JavaScript なしに端末を判別できない。
- 手書きのリダイレクトには、ホスティングと継続的な保守が必要になる。
onestore.link なら
- ボタンを 1 つ onestore.link の URL に向けるだけ — 端末に応じて App Store または Google Play へ振り分ける。
- マークアップはとてもシンプルなまま：普通のアンカータグで、JavaScript は不要。
- デスクトップの訪問者には両方のボタンがあるランディングページを表示し、選べるようにする。
- サイトを編集せずに、リンク先のストアをいつでも更新できる。
手順
SDK も再ビルドも不要。URL があるだけです。
- 1
リンクを作成
App Store と Google Play の URL を指定して、onestore.link を生成します。
- 2
ボタンを 1 つ追加
マークアップには、自分の onestore.link URL を指す普通のリンクを使います。端末を判別するコードは不要です。
<a href="https://onestore.link/yourapp">Download the app</a> - 3
スタイルは一度だけ
その 1 つのボタンをサイトに合わせてスタイリングします。これで iPhone、Android、デスクトップのどの訪問者にも同じように使えます。
よくある質問
端末の判別に JavaScript は必要ですか？
いいえ。ボタンは onestore.link の URL を指す普通のアンカータグです。端末の判別はすべてリンクがクリックされたときにサーバー側で行われるので、ページは静的なままです。
App Store と Google Play のボタンは分けて表示したほうがいいですか？
その必要はありません。スマートリンクのボタン 1 つで両方のストアに対応でき、選ぶ手間もなくなります。公式のストアバッジを使いたい場合も、それぞれを同じ onestore.link の URL で包むことができます。
デスクトップの訪問者でも動きますか？
はい。デスクトップでクリックすると両方のストアの選択肢を表示する軽量なページに移動するので、ノートパソコンの訪問者も自分で選ぶか、スマートフォンに送ることができます。
試してみませんか？
ずっと無料、パスワード不要。リンクは1分ほどで完成します。
無料リンクを作る実際の使い方： 関連する活用例を見る →