리치 카드는 미디어, 텍스트, 제안을 하나의 메시지로 결합합니다. 단일 주제에 집중하고 사용자에게 명확한 작업을 제공합니다.
리치 카드에는 다음이 포함될 수 있습니다.
- 미디어 (이미지/GIF, 동영상 또는 PDF 파일)
- 제목 텍스트
- 설명 텍스트
- 추천 답장 및 작업
이러한 각 필드는 선택사항이지만 필드 1~3 중 하나 이상은 리치 카드에 포함되어야 합니다.
리치 카드 구성요소
미디어
리치 카드에는 이미지, GIF, 동영상, PDF 파일과 같은 다양한 미디어가 포함될 수 있습니다. 리치 카드는 다양한 미디어 형식을 지원합니다.
지원되는 이미지 유형:
- JPEG/JPG
- GIF
- PNG
지원되는 동영상 유형:
- H.263
- M4V
- MP4
- MPEG
- MPEG-4
- WebM
지원되는 파일 형식 (Google 메시지 클라이언트에서 인도에서만 사용 가능):
리치 카드의 미디어 높이는 다음 세 가지 중에서 선택할 수 있습니다.
| 미디어 유형 | 미디어 높이 |
|---|---|
| 짧은 미디어 | 112 DP |
| 중간 미디어 | 168 DP |
| 세로형 미디어 | 264 DP |
DP는 밀도 독립형 픽셀을 나타내며, 이는 픽셀 밀도가 다른 화면에서 UI 요소의 일관된 실제 크기를 제공하도록 설계된 단위입니다.
미디어의 크기가 선택한 높이와 일치하지 않으면 시스템에서 미디어를 자동으로 확대하고 중앙에서 자릅니다. 이러한 자르기로 인해 원치 않는 미리보기가 표시될 수 있습니다. 원하는 이미지를 정확하게 표시하려면 썸네일을 지정하세요. 미리보기 또는 썸네일을 클릭하면 미디어 파일이 전체 화면으로 열립니다.
PDF 파일은 썸네일이 제공되더라도 PDF 파일의 첫 페이지를 기반으로 미리보기 이미지를 표시합니다. 미리보기 이미지를 클릭하면 PDF 뷰어에서 파일이 열립니다. 미리보기를 사용할 수 없는 경우 (예: 파일이 비밀번호로 보호된 경우) PDF 파일에 썸네일 이미지가 표시되거나 썸네일이 지정되지 않은 경우 기본 아이콘이 표시됩니다.
URL을 지정하거나 파일을 직접 업로드하여 미디어를 업로드합니다. 자세한 내용은 메시지 보내기 페이지를 참고하세요.
썸네일
썸네일의 최대 파일 크기는 100KB입니다. 최적의 사용자 환경을 위해 50kB 이하로 하는 것이 좋습니다. 썸네일을 제공하지 않으면 기본 아이콘이 대신 표시됩니다. 다운로드에 실패하더라도 파일 다운로드 중에 썸네일이 계속 표시되며 다운로드한 동영상의 미리보기로도 사용됩니다. 썸네일이나 기본 아이콘을 탭하면 미디어 파일의 전체 화면 보기가 열립니다.
제목 텍스트
리치 카드의 제목은 사용자의 관심을 사로잡고 메시지의 내용을 명확하게 파악할 수 있도록 하는 헤드라인과 같습니다. 간결하고 유익해야 합니다. 최대 200자(영문 기준)까지 가능합니다.
설명
리치 카드 설명에는 필수 지원 정보가 포함됩니다. 여기에서 제목을 자세히 설명하고, 주요 혜택을 강조하고, 명확한 클릭 유도 문구로 전환을 유도합니다. 설명은 최대 2,000자(영문 기준)까지 입력할 수 있습니다.
추천 답장 및 작업
각 리치 카드에는 최대 4개의 추천 답글과 추천 작업이 포함될 수 있습니다. 또한 텍스트 메시지에 추천을 추가하는 것과 마찬가지로 카드 아래에 칩 목록으로 최대 11개의 추천을 추가할 수 있습니다. 칩 목록 내의 추천 답장과 작업은 대화를 진행하는 방법입니다. 리치 카드에 나열된 옵션을 반복해서는 안 되며, 캐러셀에 표시된 항목의 선택 도구가 아닙니다.
추천에 관한 자세한 내용은 이 도움말을 참고하세요.
권장 답변
추천 답안은 사용자가 에이전트가 쉽게 응답할 수 있는 방식으로 상호작용하도록 지원합니다. 상호작용에 자유 형식 응답이 필요하지 않으면 제안된 답글을 사용하세요. 이러한 옵션은 자유 형식 텍스트보다 처리하기 쉽고 에이전트가 대화를 최적의 경로로 이끌 수 있습니다.
추천 답글은 최대 25자(영문 기준)까지 가능합니다.
권장 작업
추천 작업을 사용하면 에이전트가 기본 기기 작업에 연결할 수 있으며 사용자에게 긴밀하게 통합된 환경을 제공합니다. 관련된 경우 추천 작업을 통해 고객 지원팀에 쉽게 전화하거나 지도에서 위치를 찾을 수 있습니다.
하지만 옵션이 너무 많아 사용자가 부담을 느껴서는 안 됩니다. 최근 메시지와 관련된 작업만 제공하고 필요한 만큼만 작업을 제공하세요. 특정 맥락에서 사용자에게 유용한 제안 작업 및 제안 답장으로 수를 제한합니다.
추천 작업은 최대 25자(영문 기준)까지 가능합니다.
리치 카드 레이아웃
리치 카드는 세로 또는 가로 레이아웃을 사용할 수 있습니다.
세로 리치 카드
세로형 리치 카드는 카드 상단에 가로 미디어를 표시합니다. 세로 리치 카드의 최소 높이는 112DP입니다.
세로형 리치 카드에 사용되는 미디어는 다음 높이를 가질 수 있습니다.
- 소형: 112DP
- 중간: 168DP
- 대형: 264DP
세로 리치 카드에 사용되는 미디어의 가로세로 비율은 다음과 같습니다.
- 2:1
- 16:9
- 7:3
가로 리치 카드
가로형 리치 카드는 카드의 왼쪽 또는 오른쪽에 미디어를 표시합니다.
가로 리치 카드는 고정된 미디어 비율이 없지만 고정된 너비는 128DP입니다. 높이는 카드에 있는 텍스트 요소의 높이에 따라 조정됩니다.
리치 카드 캐러셀
독립형 리치 카드 또는 리치 카드 캐러셀을 보낼 수 있습니다.
리치 카드 캐러셀은 데이터 요금제나 기기 등 여러 항목을 표시하는 데 적합하며, 사용자가 단일 메시지 내에서 다양한 옵션을 탐색하고 비교할 수 있습니다. 캐러셀은 다양한 선택사항을 표시하거나 관련 콘텐츠를 탐색할 수 있도록 하려는 경우에 적합합니다.
캐러셀의 첫 번째 항목은 최적의 선택이어야 하며 그 이유가 사용자에게 명확해야 합니다. 리치 카드 캐러셀에는 최대 10개의 카드가 있을 수 있습니다. 리치 카드 캐러셀에는 세로 리치 카드만 포함될 수 있습니다.
독립형 리치 카드 메시지와 마찬가지로 캐러셀 아래에 추천 칩을 포함하여 대화를 진행할 수 있습니다. 추천 칩은 캐러셀 내에 나열된 옵션을 반복해서는 안 되며 캐러셀에 표시된 항목의 선택 도구가 아닙니다.
캐러셀 사양
| 사양 | 세부정보 |
|---|---|
| 제목 | 최대 200자(영문 기준) |
| 설명 | 최대 2,000자(영문 기준) |
| Height | • 소형 캐러셀: 최대 높이 542DP • 중형 캐러셀: 최대 높이 592DP 캐러셀 내의 모든 카드는 가장 높은 카드의 높이에 맞게 조정됩니다. 콘텐츠가 이 높이에 맞게 조정되는 방식에 대한 자세한 내용은 콘텐츠 크기 조정 및 잘림을 참고하세요. |
| 너비 | 다음 옵션 중 하나를 선택합니다. • 소형: 180DP (고정 너비) • 중형: 296DP (고정 너비) |
콘텐츠 크기 조정 및 자르기
리치 카드 캐러셀의 콘텐츠가 최소 높이를 채울 만큼 크지 않으면 하단에 여백이 추가됩니다. 콘텐츠가 최대 높이를 초과하면 다음 순서로 잘립니다.
- 한 줄로 축약된 설명입니다.
- 제목이 한 줄로 줄어듭니다.
- 추천이 완전히 삭제되었습니다.
- 설명이 완전히 삭제되었습니다.
- 제목이 완전히 삭제되었습니다.
사용자가 항상 전체 콘텐츠를 볼 수 있도록 이 잘림 문제를 해결하기 위해 RBM은 캐러셀의 카드에 대해 확장 가능한 전체 화면 보기를 제공합니다. 이 기능에 대한 자세한 내용은 캐러셀 전체 화면 보기를 참고하세요.
캐러셀 전체 화면 보기
텍스트나 제안이 잘려 표시되지 않도록 RBM은 리치 카드 캐러셀에 전체 화면 뷰를 제공합니다. 이를 통해 디자이너는 사용자가 카드를 펼쳐 전체 메시지를 볼 수 있다는 점을 고려하여 텍스트 한도를 최대한 활용할 수 있습니다.
개발자를 위한 주요 세부정보
- 조치 필요 없음: 이 기능은 모든 리치 카드 캐러셀에 자동으로 사용 설정됩니다.
- 범위: 리치 카드 캐러셀에만 적용됩니다. 독립형 리치 카드는 영향을 받지 않습니다.
- 한도: 제목 (200), 설명 (2,000), 추천 (4)에 대한 기존 글자 수 및 추천 한도는 동일하게 유지됩니다.
전체 화면 보기 열기 및 닫기
열기: 카드에 있는 콘텐츠가 잘리면 표시되는 텍스트 끝에 더보기 버튼이 표시됩니다. 사용자는 카드 텍스트 영역의 아무 곳이나 더보기 버튼을 탭하여 전체 화면 보기를 열 수 있습니다.
닫기: 사용자는 다음과 같은 방법으로 전체 화면 뷰를 종료할 수 있습니다.
- 왼쪽 상단에 있는 X 버튼을 탭합니다.
- 시스템 뒤로 버튼 또는 뒤로 동작 탐색을 사용합니다.
- 대화를 이어가는 추천을 탭합니다.
전체 화면 뷰의 탐색
전체 화면 뷰에서는 카드 내에서 세로로 스크롤하고 카드 간에 가로로 스와이프할 수 있습니다.
- 세로 스크롤: 카드의 텍스트가 전체 화면 뷰보다 여전히 긴 경우 텍스트와 미디어 영역이 세로로 스크롤 가능해집니다. 추천은 '플로팅' 상태로 유지되며 항상 화면 하단에 표시됩니다.
- 가로 스와이프: 전체 화면 보기에서 사용자는 가로로 스와이프하여 캐러셀의 다음 또는 이전 카드로 이동할 수 있습니다.
세로 스크롤
가로 스와이프
전체 화면 보기 사양
카드가 펼쳐지면 표준화된 전체 화면 레이아웃이 사용됩니다.
| 사양 | 세부정보 |
|---|---|
| 미디어 높이 | 264DP 전체 화면 보기의 미디어 높이는 항상 Tall 미디어 설정을 사용합니다. |
| 미디어 너비 | screenwidth - 32 DP 미디어가 화면 너비에 맞게 확장되고 양쪽에 16DP 여백이 있습니다. 동일한 중앙 자르기 규칙이 적용됩니다. |
전체 화면 모드에서 추천이 작동하는 방식
사용자가 전체 화면 뷰에서 추천을 탭하면 추천 유형에 따라 결과 동작이 달라집니다.
| 추천 유형 | 동작 |
|---|---|
| URL 열기 작업 | URL이 기본 브라우저 또는 웹뷰 오버레이에서 열립니다. 사용자가 Google 메시지로 다시 이동하면 전체 화면 뷰가 복원됩니다. |
| 전화 걸기, 위치 보기, 캘린더 일정 만들기 작업 | 해당 앱이 열립니다. Google 메시지로 돌아가면 전체 화면 보기가 복원됩니다. |
| 위치 공유 작업 | 전체 화면 보기가 닫히고 Google 지도가 열립니다. 사용자가 위치를 전송하면 표준 채팅 보기로 자동 돌아갑니다. |
| 추천 답글 | 전체 화면 보기가 닫히고 표준 채팅 보기에서 답장이 전송되어 대화가 계속됩니다. |
한도
리치 카드 제목은 200자로 제한되지만 설명은 최대 2, 000자까지 가능합니다. 이모티콘이나 멀티바이트 문자 집합과 같은 특수문자는 2~4자 이상으로 계산됩니다.
리치 카드 또는 리치 카드 캐러셀의 미디어는 다음 높이를 가질 수 있습니다.
- 소형: 112DP
- 중간: 168DP
- 대형: 264DP
리치 카드 또는 캐러셀에 모든 요소 (미디어, 제목, 설명, 버튼)가 올바르게 표시되려면 지정된 문자 및 크기 제한을 준수해야 합니다.
리치 카드 페이로드의 최대 크기는 250KB입니다.