Appカード

Appカードは、Twitterでモバイルアプリケーションを紹介してインストールを促す効果的な方法です。Appカードを使用すると、アプリケーションの名前、説明、アイコンを表示できるほか、評価や価格などの属性をアピールすることもできます。

以下のJason Stark (@jaysonst) のツイートは、140文字のテキストの下にAppカード (画像とテキスト) が表示されています。

ウェブ モバイル
image2 image3

このカードタイプは現在、twitter.comのウェブサイトのほか、iOSとAndroidのモバイルクライアントで利用できます。モバイルサイトではまだ利用できません。

Twitterのシステムではツイートにリンクが含まれるとそれを検知し、リンク先のサイト内を検索して使用されているカードのタイプとコンテンツを把握します。カードシステムの仕組みについてより詳しく知るには、「スタートガイド」をお読みください。

サンプルコード

ツイートにAppカードを追加するのは、ウェブサイトにメタタグを追加するのだけの簡単な作業です。

<meta name="twitter:card" content="app">
<meta name="twitter:description" content="The perfect for grabbing a nearby taxi. Try it by downloading today.">
<meta name="twitter:app:country" content="US">
<meta name="twitter:app:name:iphone" content="Example App">
<meta name="twitter:app:id:iphone" content="306934135">
<meta name="twitter:app:url:iphone" content="example://action/5149e249222f9e600a7540ef">
<meta name="twitter:app:name:ipad" content="Example App">
<meta name="twitter:app:id:ipad" content="306934135">
<meta name="twitter:app:url:ipad" content="example://action/5149e249222f9e600a7540ef">
<meta name="twitter:app:name:googleplay" content="Example App">
<meta name="twitter:app:id:googleplay" content="com.example.app">
<meta name="twitter:app:url:googleplay" content="http://example.com/action/5149e249222f9e600a7540ef">

プラットフォーム特有のURLはアプリへのディープリンクです。特定のプラットフォームをサポートしていない場合は、ウェブサイトからそのプラットフォームのタグを除外してください。

仕組み

Appカードは一意であり、それぞれのアプリストア (Apple iTunes、Google Play) を使用して該当するカードデータをプロキシします。このカードタイプを指定して、各アプリストアに対応するApp IDをそれぞれ指定すると、その他の情報 (そのアプリのレビュー数や評価レートなど) がシステムによってプロキシされます。また、アプリのより簡潔な説明を任意に指定することもできます。

Appカードの画像もアプリが提供されているアプリストアから直接ダウンロードされます。Appカードが正しく機能するには、iTunes/Google Playストアにアップロードされている画像のサイズが1MB未満である必要があります。

アプリのダウンロードとディープリンク設定

ダウンロードの促進に加え、Appカードを使用してこのカードからモバイルアプリにディープリンクできます。詳細は、「モバイル開発者向けカード」をご覧ください。

App StoreリンクとGoogle Playリンクの特有の処理

App StoreまたはGoogle Playへのリンクが含まれるツイートについては、Appカードが自動的に作成されます。これは、アプリケーションのダウンロードページへの直接リンクを共有するだけでAppカードのエクスペリエンスを作成できることを意味しています。

たとえば、ESPNアプリのディレクトリ (https://itunes.apple.com/us/app/espn-sportscenter/id317469184?mt=8) をツイートすると、ツイート内に以下のAppカードが表示されます。

image4

参考情報

以下のプロパティを使用してAppカードを定義します。

カードプロパティ 必須
twitter:card

“app” に設定する必要があります。

はい
twitter:description

このプロパティを使用すると、アプリストアに登録しているよりも簡潔な説明を表示できます。このフィールドには200文字まで入力できます。

いいえ
twitter:app:id:iphone

文字列。App Storeで使用されている数字のApp IDを指定します (例: “307234931”)。

はい
twitter:app:id:ipad

文字列。App Storeで使用されている数字のApp IDを指定します (例: “307234931”)。

はい
twitter:app:id:googleplay

文字列。Google Playで使用されているApp IDを指定します (例: “com.android.app”)。

はい
twitter:app:url:iphone

アプリのカスタムリンクスキーム (スキーム名の後に “://” を含める必要があります)

いいえ
twitter:app:url:ipad

アプリのカスタムリンクスキーム

いいえ
twitter:app:country

米国のApp Storeで提供されていないアプリケーションの場合、そのアプリケーションが提供されているApp Storeの2文字の国コードを設定する必要があります。

いいえ
twitter:app:url:googleplay

アプリのカスタムリンクスキーム

いいえ

サポートされているタグの全リストは、「カードのマークアップタグリファレンス」をご覧ください。