javascript - iPad で Smart アプリのバナーが表示されないようにする

Question

HTML メタ タグを使用して、iOS でスマート アプリ バナーを表示する Web サイトがあります。バナーを iPhone と iPod にのみ表示したい。

iPadに表示されないようにするにはどうすればよいですか?

Apple リソース: http://developer.apple.com/library/ios/#documentation/AppleApplications/Reference/SafariWebContent/PromotingAppswithAppBanners/PromotingAppswithAppBanners.html

私が使用しているコード (Apple リソースから):

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

Answer 1

HTML だけでプラットフォーム検出を行う適切な方法がないため、Javascript を使用してこれを行う必要があります。

HTML コードのメタ タグを削除して、次のスニペットを使用するか、その一部だけを使用してください。そのまま使用する場合は本体下部に貼り付けてください。

(function($){
  var is_iPad = navigator.userAgent.match(/iPad/i) != null;

  // Fill in your Apple-App stuff here
  var app_id = "<YOUR_APPLE_APP_ID>",
      affiliate_data = null,
      app_argument = null;

  // exclude iPad
  if(!is_iPad) {
    var meta = $("<meta>"), content = 'app-id=' + app_id;
    meta.attr('name', 'apple-itunes-app');

    // Optional stuff (only when filled in)
    if(affiliate_data) content += ', affiliate-data=' + affiliate_data;
    if(app_argument) content += ', app-argument=' + app_argument;

    // Apply
    meta.attr('content', content);
    $('head').append(meta);
  }
}(jQuery));