리치 카드는 미디어, 텍스트, 추천을 하나의 메시지로 결합합니다. 단일 주제에 중점을 두고 사용자에게 명확한 작업을 제공합니다.
리치 카드에는 다음이 포함될 수 있습니다.
- 미디어 (이미지/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
최적의 표시를 위해 세로 리치 카드에 사용되는 미디어의 가로세로 비율은 다음과 같이 지정하는 것이 좋습니다.
- 짧은 미디어: 7:2
- 매체: 21:9
- 톨: 3:2
가로 리치 카드
가로 리치 카드는 카드의 왼쪽 또는 오른쪽에 미디어를 표시합니다.
가로 리치 카드에는 고정된 미디어 비율이 없지만 고정된 너비인 128DP가 있습니다. 높이는 카드에 있는 텍스트 요소의 높이에 맞게 조정됩니다.
리치 카드 캐러셀
독립형 리치 카드 또는 리치 카드 캐러셀을 보낼 수 있습니다.
리치 카드 캐러셀은 데이터 요금제 또는 기기와 같은 여러 항목을 표시하는 데 적합하며 사용자가 단일 메시지 내에서 다양한 옵션을 탐색하고 비교할 수 있도록 합니다. 다양한 선택사항을 제시하거나 관련 콘텐츠를 탐색할 수 있도록 하려면 캐러셀이 적합합니다.
캐러셀의 첫 번째 항목은 최적의 선택이어야 하며 그 이유가 사용자에게 명확해야 합니다. 리치 카드 캐러셀에는 최대 10개의 카드가 포함될 수 있습니다. 리치 카드 캐러셀에는 세로 리치 카드만 포함될 수 있습니다.
독립형 리치 카드 메시지와 마찬가지로 캐러셀 아래에 추천 칩 을 포함하여 대화를 진행할 수 있습니다. 추천 칩은 캐러셀 내에 나열된 옵션을 반복해서는 안 되며 캐러셀에 표시된 항목의 선택 도구가 아닙니다.
캐러셀 사양
| 사양 | 세부정보 |
|---|---|
| 제목 | 최대 200자(영문 기준) |
| 설명 | 최대 2,000자(영문 기준) |
| 키 | • 소형 캐러셀: 최대 높이 542DP • 중형 캐러셀: 최대 높이 592DP 캐러셀 내의 모든 카드는 가장 높은 카드의 높이에 맞게 조정됩니다. 이 높이에 맞게 콘텐츠를 조정하는 방법에 관한 자세한 내용은 콘텐츠 크기 조정 및 자르기를 참고하세요. |
| 너비 | 다음 옵션 중 하나를 선택합니다. • 소형: 180DP (고정 너비) • 중형: 296DP (고정 너비) |
콘텐츠 크기 조정 및 자르기
리치 카드 캐러셀의 콘텐츠가 최소 높이를 채울 만큼 크지 않으면 하단에 추가 공백이 추가됩니다. 콘텐츠가 최대 높이를 초과하면 다음 순서로 잘립니다.
- 설명이 한 줄로 줄어듭니다.
- 제목이 한 줄로 줄어듭니다.
- 추천이 완전히 삭제됩니다.
- 설명이 완전히 삭제됩니다.
- 제목이 완전히 삭제됩니다.
사용자가 항상 전체 콘텐츠를 볼 수 있도록 이 자르기 문제를 해결하기 위해 비즈니스용 RCS는 캐러셀의 카드에 확장 가능한 전체 화면 보기를 제공합니다. 이 기능에 관한 자세한 내용은 캐러셀의 전체 화면 보기를 참고하세요.
캐러셀의 전체 화면 보기
텍스트 또는 추천이 잘려 손실되지 않도록 비즈니스용 RCS는 리치 카드 캐러셀에 전체 화면 보기를 제공합니다. 이를 통해 디자이너는 사용자가 카드를 펼쳐 전체 메시지를 볼 수 있다는 것을 알고 전체 텍스트 제한을 사용할 수 있습니다.
개발자를 위한 주요 세부정보
- 작업 필요 없음: 이 기능은 모든 리치 카드 캐러셀에 자동으로 사용 설정됩니다.
- 범위: 리치 카드 캐러셀에만 적용됩니다. 독립형 리치 카드는 영향을 받지 않습니다.
- 제한: 제목 (200자), 설명 (2,000자), 추천 (4개)에 대한 기존의 모든 글자 수 및 추천 제한은 동일하게 유지됩니다.
전체 화면 보기 열기 및 닫기
열기: 카드에서 콘텐츠가 잘리면 표시되는 텍스트 끝에 더보기 버튼이 표시됩니다. 사용자는 카드의 텍스트 영역 또는 더보기 버튼을 탭하여 전체 화면 보기를 열 수 있습니다.
닫기: 사용자는 다음과 같은 방법으로 전체 화면 보기를 종료할 수 있습니다.
- 왼쪽 상단에 있는 X 버튼을 탭합니다.
- 시스템 뒤로 버튼 또는 뒤로 동작 탐색을 사용합니다.
- 대화를 계속하는 추천을 탭합니다.
전체 화면 보기의 탐색
전체 화면 보기를 사용하면 카드 내에서 세로 스크롤과 카드 간에 가로 스와이프를 모두 사용할 수 있습니다.
- 세로 스크롤: 카드의 텍스트가 전체 화면 보기보다 여전히 긴 경우 텍스트 및 미디어 영역이 세로로 스크롤 가능해집니다. 추천은 '떠 있는' 상태로 유지되며 항상 화면 하단에 표시됩니다.
- 가로 스와이프: 전체 화면 보기에서 사용자는 가로로 스와이프하여 캐러셀의 다음 또는 이전 카드로 이동할 수 있습니다.
세로 스크롤
가로 스와이프
전체 화면 보기 사양
카드가 펼쳐지면 표준화된 전체 화면 레이아웃을 사용합니다.
| 사양 | 세부정보 |
|---|---|
| 미디어 높이 | 264DP 전체 화면 보기의 미디어 높이는 항상 긴 미디어 설정을 사용합니다. |
| 미디어 너비 | screenwidth - 32 DP 미디어는 각 측면에 16DP 여백을 두고 화면 너비를 채우도록 확장됩니다. 동일한 중앙 자르기 규칙이 적용됩니다. |
전체 화면 보기에서 추천이 작동하는 방식
사용자가 전체 화면 보기에서 추천을 탭하면 결과 동작은 추천 유형에 따라 다릅니다.
| 추천 유형 | 행동 |
|---|---|
| URL 열기 작업 | URL이 기본 브라우저 또는 웹 뷰 오버레이에서 열립니다. 사용자가 Google 메시지로 다시 이동하면 전체 화면 보기가 복원됩니다. |
| 전화 걸기, 위치 보기, 캘린더 일정 만들기 작업 | 해당 앱이 열립니다. Google 메시지로 돌아가면 전체 화면 보기가 복원됩니다. |
| 위치 공유 작업 | 전체 화면 보기가 닫히고 Google 지도가 열립니다. 사용자가 위치를 보낸 후 표준 채팅 뷰로 자동 돌아갑니다. |
| 추천 답장 | 전체 화면 보기가 닫히고 표준 채팅 뷰에서 답장이 전송되어 대화가 계속됩니다. |
한도
리치 카드 제목은 200자(영문 기준)로 제한되는 반면 설명은 최대 2, 000자(영문 기준)까지 입력할 수 있습니다. 이모티콘 또는 멀티바이트 문자 집합과 같은 특수문자는 2~4자(영문 기준) 이상으로 계산됩니다.
리치 카드 또는 리치 카드 캐러셀의 미디어 높이는 다음과 같습니다.
- 짧은 미디어: 112DP
- 중간 미디어: 168DP
- 긴 미디어: 264DP
리치 카드 또는 캐러셀에서 모든 요소 (미디어, 제목, 설명, 버튼)가 올바르게 표시되려면 지정된 글자 수 및 크기 제한을 준수해야 합니다.
리치 카드 페이로드의 최대 크기는 250KB입니다.