2012/10/16

Mobile Safari で Twitter を見ていたらアプリの紹介が出るのを Smart App Banner っていうらしい

twitter

<meta name="apple-itunes-app" content="app-id=333903271, app-argument=twitter://timeline, affiliate-data=partnerId=30&amp;siteID=UkOLawSuc90">

このコードが mobile 版 twittter の header 部分に入っている。iOS6 の Safari は開発モードで Mac の Safari の Web インスペクタを利用する事ができるので、それを利用して調査。gist に生成されるHTMLコードをメモ。

Smart App Banner という iOS6 での新機能。

Safari の developer 情報に載っています。

iOS6 のときのみ、アドレスバーと表示しているページの間に表示されるようになる。 Chrome では表示されなかった。WebView では表示されないような挙動。

指定した app-id のアプリがインストールされているかどうか分かるようだが、サイト側から同じ事をしてアプリのインストールチェックをすることが出来るようにならないかな。

  • Smart App Banner が生成したHTMLメモ
    • https://gist.github.com/3826164
  • Promoting Apps with Smart App Banners
    • https://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/PromotingAppswithAppBanners/PromotingAppswithAppBanners.html#//apple_ref/doc/uid/TP40002051-CH6-SW1
  • Safari Developer Library
    • https://developer.apple.com/library/safari/navigation/
コメントを投稿