Smart App Banner : iPhoneのSafariでアプリの有無を検知

スポンサーリンク

iPhoneのSafariでWebページを開いた時に、自分のアプリをインストール済みの場合は、パラメータをつけるなどして起動、未インストールの場合は、App Storeを表示、という事がやりたい場合がよくありますが、2つの方法を見つけましたが「Smart App Banner」ってのが楽に設置できてよさそうですね。

Smart App Banner

metaタグを一行つけるだけなのでかなり便利です。
が、開発中はどうやってテストすればいいのだろうか。。なので、ボタンを押してアプリを起動してパラメータを渡した場合のテストができてません。(でもできるんでしょう)

未インストールの場合

インストール済みの場合

やり方はこちら↓


 

タイマーを使った方法

これはJavascriptのタイマーを使ってアプリを切り替えてますね。

追記:Javascriptでメタタグを挿入する方法

ちゃんと動作確認はしていませんが、metaタグをいじれない状況でJSは追加できるといった場合は、Javascriptでmetaタグを追加してしまう事でSmart App Bannerをつけられるかもしれません。

<script type="text/javascript"><!--
var meta = document.createElement("meta");
meta.setAttribute("name", "apple-itunes-app");
meta.setAttribute("content","app-id=636422251");
document.getElementsByTagName("head")[0].appendChild(meta);
//-->
</script>