TOPICS

[豆知識] 自社のiPhoneサイトに好きなアプリバナーを表示させる方法

ModuleApps事務局
たまにiPhoneからWebサイトを開くと、ブラウザのヘッダー部分にアプリバナーが表示されることがあります。実はこれ、Webサイトのソースに一行コードを埋め込むと、AppStoreに連動したアプリバナーが自動で表示されるというもの。 例えば、御社のアプリ紹介ページにタグを埋め込めば、iPhoneユーザをアプリストアに誘導し、ダウンロード促進につなげられます。

アプリバナーを表示する方法

やり方は、対象となるWebサイトの<head>タグに以下のコードを埋め込みます。
<meta name="apple-itunes-app" content="app-id=[アプリID]">
[アプリID]と書かれた部分は、提供するアプリストアのIDを入力します。そのIDは、AppStore URLの /app/id[アプリID]?mt=8 の場所にあります。例えば、イマナラ!の場合は、「370786604」がアプリIDとなります。 https://itunes.apple.com/jp/app/id370786604?mt=8 ぜひ、アプリ紹介ページにコードを埋め込んでお試しください。 ※iOS6以上のsafariでWebサイト開いた場合、アプリバナーが表示される仕様となっています。