1

Apple App Store で 2 つの iOS アプリを公開しています。1 つは iPhone アプリで、もう 1 つは iPad アプリです。Web サイトで iOS スマート アプリ バナーを使用する必要があるため、両方のアプリケーションに 2 つのメタ タグを含めました。

<meta name="apple-itunes-app" content="app-id=iPhoneAppID" />
<meta name="apple-itunes-app" content="app-id=iPadAppID" />

また、ユーザーが私の Web サイトにアクセスするたびに、ブラウザが正しいアプリを認識してユーザーに表示することを期待していましたが、そうではありませんでした。

したがって、ユーザーが iPhone ブラウザーからアクセスしている場合は iOS スマート アプリ バナーに iPhone アプリを表示し、iPad ブラウザーからアクセスしている場合は iPad アプリを表示する方法が必要です。

4

1 に答える 1

2

OK、解決策を見つけたと思いますが、Apple からのものではなく、jQuery プラグインです: http://www.dunnsolutions.com/content/application-development-blog/-/blogs/smart-app-banners-for -ios-and-android

「App Store に 2 つのバージョンのアプリがある場合 (たとえば、iPad 用と iPhone/iPod 用)、JavaScript を使用してブラウザのユーザー エージェントをチェックし、適切なメタ タグを決定して Web のヘッドに挿入することができます。ページ。"

if ( /(iPad).*AppleWebKit.*Mobile.*Safari/.test(navigator.userAgent) ) {
  var headNode = document.getElementsByTagName("head")[0];
  var sbNode = document.createElement('meta');
  sbNode.name = 'apple-itunes-app';
  sbNode.content = 'app-id=your-iPadAppId';
  headNode.appendChild(sbNode);
} else if ( /(iPhone|iPod).*AppleWebKit.*Mobile.*Safari/.test(navigator.userAgent) ) {
  var headNode = document.getElementsByTagName("head")[0];
  var sbNode = document.createElement('meta');                    
  sbNode.name = 'apple-itunes-app';                
  sbNode.content = 'app-id=your-iPhoneAppId';
  headNode.appendChild(sbNode);
}
于 2014-05-29T09:53:06.020 に答える