2014/02/07
【Safari】ウェブサイトでアプリの宣伝を行える Smart App BannerをJavaScriptを使ってランダムに表示させる方法
こんにちは、naouniverse( @naouniverse708 )です。
ウェブサイトでアプリの宣伝を行える Smart App Banner、
これを複数ランダムで表示させたいと思い、JavaScriptを使って試してみました。
まず、idを決め打ちで書く場合は、
<meta name="apple-itunes-app" content="app-id=730429992">
app-idは任意のIDです。
これを<head></head>内に入れるだけです。
これでMobile Safariではブラウザの最上部に指定したアプリの宣伝用バナーを表示することができます。
そしてこれをJavaScriptを使ってランダムで表示させる場合は、
<script type="text/javascript"> /* 数字はアプリの数 */ var n = 2; var ad = new Array(n); /* 配列の各要素に任意のmetaを追加 */ ad[0] = '<meta name="apple-itunes-app" content="app-id=730429992">'; ad[1] = '<meta name="apple-itunes-app" content="app-id=693203609">'; /* meta追加ここまで */ /* 乱数発生 */ var x = Math.floor( Math.random() * n ); /* 出力 */ document.write(ad[x]); </script>
はい、
JavaScriptを使ってリンクシェア等の広告をランダムで表示させる方法
の内容をそのまま流用しました。
アクセスするたびにランダムで切り替わります。
iOSアプリ開発者でご自身のWebサイトを持っているのであれば、やっておいて損はないと思います。
