rakuishi.com

[iOS 6] [Safari] ウェブサイトでアプリの宣伝を行える Smart App Banner

iOS 6 から、Smart App Banner という、ウェブサイトでアプリが宣伝できる機能が使えるようになりました。

例えば、このブログを iPhone(iOS 6, Safari)から見た場合、このように表示されます。

既にアプリをダウンロードしている場合は、そのアプリに飛び、ダウンロードしていない場合は、AppStore に飛びます。

Smart App Banner を表示させる方法

表示させたいウェブページのヘッダータグ(<header>)内に、以下のメタタグを記述するだけです。

<meta name="apple-itunes-app" content="app-id=511606108" />

app-id は、iTunes Connect のアプリ管理画面(Manage Your Apps)から、個別アプリに飛び、Identifiers の Apple ID から確認出来ます。(Google でアプリを検索して、リンクから app-id を抜き出すのが早いです)

WordPress だとテーマ編集の header.php に記述します。スマートフォン用のテーマファイルを用意している場合は、そちらに記述。

このバナー左上にある閉じるボタンを押すと、リロードしてもそのページでは表示されないようになります。クッキーで管理しているようです。再度、表示させたい場合は、「設定」→「Safari」→「Cookie とデータを消去」。

ウェブサイトを持っている開発者は、表示させて損はないですね。

参考