The Wayback Machine - https://web-wp.archive.org/web/20140716095614/https://dev.twitter.com/ja/docs/cards/app-installs-and-deep-linking

アプリケーション・インストールとディープ・リンク

Updated on Sun, 2014-04-13 23:35

English | 日本語

紹介

新しいTwitterカードでは、インストールされていないネイティブ・アプリケーションをカードからインストールしたり、インストールされているネイティブ・アプリケーションへのディープ・リンクを設定できます。どのカードの種類でもアプリケーション・インストールとディープ・リンクを使用できます。以下に説明されている通り、必要なのはカード情報にメタタグを追加するだけです。

アプリケーション・インストール

このタグを追加すれば、あなたのアプリケーションをインストールしていないユーザーがカードからインストールできるようになります。iPhoneも、iPadも、Android(Google Play)も対応しています。

iPhone用のアプリケーションがあるけれどもiPad用のアプリケーションがない場合、iPhone用のアプリケーション情報をiPad用のメタタグにも入れることをおすすめします。

ユーザーの使っている環境に合うアプリケーション情報がない場合、カードの下にインストール・ボタンではなく、「ウェブで見る」リンクが表示されます。ユーザーがあなたのアプリケーションをインストールしていない場合、以下のようにカードには表示されます:

ディープ・リンク

ユーザーの環境でアプリケーションがインストールされている時、ツイートに入っているURLと関連するコンテンツをあなたのアプリケーション内で開くディープ・リンクを指定できます。ユーザーが「アプリで開く」をクリックすると、ユーザーがTwitterアプリケーションからあなたのアプリケーションに移動します。ディープ・リンクの値は「twitter:app:name:(iphone|ipad|googleplay)」タグで指定します。このURLはあなたのアプリケーションのカスタムURLスキームを使う必要があります。カスタムURLスキームの定義と対応に関してはiOSやAndroidの開発者向けドキュメントをご覧ください。

以下はアプリケーション・インストールやディープリンクの一例です。このメタデータはどのカードの種類でも使えます。アプリケーションIDはiPhoneとiPadの場合は数字のApp Store ID、Google Playの場合はAndroidのパッケージ名です。

  1. <meta name="twitter:app:name:iphone" content="Example App"/>
  2. <meta name="twitter:app:id:iphone" content="306934135"/>
  3. <meta name="twitter:app:url:iphone" content="example://action/5149e249222f9e600a7540ef"/>
  4. <meta name="twitter:app:name:ipad" content="Example App"/>
  5. <meta name="twitter:app:id:ipad" content="306934135"/>
  6. <meta name="twitter:app:url:ipad" content="example://action/5149e249222f9e600a7540ef"/>
  7. <meta name="twitter:app:name:googleplay" content="Example App"/>
  8. <meta name="twitter:app:id:googleplay" content="com.example.app"/>
  9. <meta name="twitter:app:url:googleplay" content="http://example.com/action/5149e249222f9e600a7540ef"/>