iPhone、iPad、または iPod touch で Safari をブラウジングしているときに Web サイトにアクセスすると、一部のサイトが独自のアプリをダウンロードするように宣伝していることに気づきましたか?これは、iOS 6 以降で一部のサイトを閲覧するときに Safari の上部に表示される小さなポップアップ メニューを介して行われ、「スマート アプリ バナー」と呼ばれるものを介して行われます。ウェブでこれをまだ見たことがない場合は、サイトの上部に次のように表示されます:

これらは驚くほど簡単に実装できます。必要なのは、次のようにアプリ ID を参照する新しいタグを Web ページ セクションに追加することだけです:

「」を適切な app-id に置き換えます。これは、開発者であればほぼ間違いなく既に知っていることです。 Web 開発者は、URL 文字列内にアプリ ID を含む iTunes/App Store リンクを知ることで、アプリ ID を取得できます。通常、「App Name App Store」などのクライアント アプリをグーグルで検索すると、すぐにこれを見つけることができます。

たとえば、これは Kayak アプリのリンクです (モバイル Web サイトが Smart App Banners を使用しているために選択されたアプリ):

https://itunes.apple.com/us/app/kayak/id305204535?mt=8

この場合、「305204535」は前述のメタ タグにプラグインする必要がある app-id コードです。

Apple にはこれに関する詳細なドキュメントがあります。詳細については、開発者ライブラリをチェックしてください。

このヒントは、Web 開発者とアプリケーション開発者、およびたまたま自分のアプリと自分の Web サイトを持っていて、ユーザーにそのアプリをダウンロードするよう促したい人にとって最も役立つでしょう。 . Web サイトを持っていてアプリを持っていないユーザーにとって、Apple タッチ アイコンを設定することは同様に重要です。それは、ユーザーが Web サイトを iOS ホーム画面にブックマークするときに表示されるものを制御するためです。これは、「apple-touch-icon.png」という名前のファイルをプライマリ Web サイト ディレクトリに追加するだけの問題ですが、誰もが時間をかけてそのタッチ アイコンの Retina 対応バージョンを作成する必要があります。

ヒントのアイデアについては、MarketingLand にお問い合わせください。