RCSリッチカードとカルーセル

リッチカードは、メディア、テキスト、提案を組み合わせて、より魅力的でインタラクティブなメッセージング体験を実現します。重要な情報を強調し、明確なアクションを提供し、プレーンテキストだけよりも直感的にユーザーを会話に導くために使用できます。

カルーセルはこのコンセプトを拡張し、1つのメッセージで複数のリッチカードを提示できるようにすることで、ユーザーがさまざまな選択肢を探したり比較したりできるようにします。

リッチ・カードには以下のようなものがある：

• メディア - 画像、GIF、ビデオ、PDFファイル
• タイトルテキスト - 見出しやキーメッセージ
• 説明文 - 裏付けとなる情報や背景
• 返信とアクションの提案 - ユーザーのためのインタラクティブなオプション

最初の3つの要素（メディア、タイトル、説明文）のうち少なくとも1つは必須。

リッチカードの構成要素

メディア

リッチカードは複数のメディアフォーマットをサポートしているので、コンテンツを最も効果的に見せることができます：

• 画像JPEG/JPEG、GIF、PNG
• ビデオH.263、M4V、MP4、MPEG、MPEG-4、WebM
• ドキュメントPDF (Googleメッセージクライアントのインドのみ)

標準的なメディアの高さは3種類から1つを選ぶことができる：

DP（密度非依存ピクセル） これにより、異なるスクリーン密度でも一貫してメディアが表示されます。

メディアが選択した高さに合わない場合は、システムが自動的にトリミングとズームを行って中央に配置します。メディアの表示方法をコントロールするには、カスタムサムネイルを指定します。

PDFの動作：

• プレビューはファイルの最初のページから生成されます。
• プレビューが利用できない場合は、サムネイルまたはデフォルトのアイコンが表示されます。
• 画像をタップすると、ファイルがビューアで開きます。

メディアはURLで提供するか、直接アップロードすることができます。

サムネイル

サムネイルはメディアのプレビュー画像として機能し、ファイルのダウンロード中に表示されます。

• サムネイルの最大サイズ：100kB（推奨：50kB以下）
• サムネイルが提供されない場合、デフォルトのアイコンが表示されます。
• サムネイルはビデオのプレビューとしても使用される。

サムネイルまたはアイコンをタップすると、フルスクリーン表示でメディアが開きます。

タイトル

タイトルは、ユーザーの注意を引くようにデザインされた簡潔な見出しです。

• 最大文字数：200文字
• 絵文字やマルチバイト文字などの特殊文字は、複数文字としてカウントされます。

説明

説明文は、裏付けとなる情報や行動への呼びかけを提供する。

• 最大文字数：2000文字

推奨される返答と行動

リッチ・カードには最大で

• カードの中に4つの返答や行動を提案
• カード下に11個の追加提案チップ

提案チップは、会話を前進させる新しい方法を提供すべきであり、カードやカルーセル内の選択肢と重複してはならない。

返信の提案

サジェストされた返信は、あらかじめ定義された短いメッセージ（最大25文字）で、ユーザーは素早く返信することができます。会話を効率化し、ユーザーを関連性のあるやり取りへと導きます。

推奨されるアクション

推奨されるアクションは、例えば、電話番号に電話をかける、マップを開く、ブラウザを起動するなど、デバイスのネイティブ機能にリンクしています。ユーザーを圧倒しないよう、関連するアクションのみを含める。

リッチカードのレイアウト・オプション

リッチカードは縦にも横にもフォーマットできる：

縦型レイアウト

• メディアはトップに表示される。
• 最小カード高さ：112DP。
• 対応メディアの高さ：112 DP（ショート）、168 DP（ミディアム）、264 DP（トール）。
• 対応アスペクト比：2:1、16:9、7:3。

水平レイアウト

• メディアはテキストの左または右に配置される。
• 固定メディア幅：128DP。
• テキスト内容に合わせて高さを調整。

リッチカード・カルーセル

カルーセルとは、1つのメッセージの中にあるスクロール可能な一連のリッチカードのことです。カルーセルは、プラン、商品、場所など、関連する複数の選択肢を提示し、ユーザーが閲覧したり比較したりできるようにする場合に最適です。

• カルーセルの最大カード枚数：10
• カルーセルでは、縦長のリッチカードのみがサポートされています。

最初のカードは、最良の、あるいは推奨される選択肢を強調する。

提案チップはカルーセルの下に配置することもできるが、カルーセルの内容を繰り返さないこと。

カルーセル仕様

すべてのカードは、最も背の高いカードの高さに合わせて拡大縮小されます。コンテンツがこの高さを超える場合、システムは以下の順序でテキストを切り捨てます：

1. 説明→シングルライン
2. タイトル → 1行
3. 提案 → 削除
4. 説明→削除
5. タイトル → 削除

カルーセルのフルスクリーンビュー

カードの内容が切り捨てられた場合、ユーザーはカードを全画面表示に展開して全文を見ることができる。

どのように機能するのか：

• コンテンツが切れると「もっと見る」ボタンが表示される。
• カードまたはMoreボタンをタップするとフルスクリーンモードが開きます。
• ユーザーはXをタップするか、システムに戻るジェスチャーを使うか、提案を選択することで終了できる。

フルスクリーンでのナビゲーション：

• 長いテキストはカード内で縦スクロール。
• 横スワイプでカード間を移動。

フルスクリーンのメディア仕様：

フルスクリーン表示でのサジェスチョンの動作

文字とサイズの制限

• タイトル：200文字以内
• 説明文：2000文字まで
• メディアの高さ112 DP（ショート）、168 DP（ミディアム）、264 DP（トール）
• ペイロードサイズ：最大250KB

すべてのコンテンツが正しく表示されるように、リッチカードやカルーセルがこれらの制限内に収まっていることを確認してください。

詳細情報

• リッチカードとカルーセルの送り方