Карточки с расширенными функциями объединяют медиа, текст и предложения в одном сообщении. Они посвящены одной теме и предлагают пользователям понятные действия.
Расширенная карта может содержать следующее:
- Медиа (изображение/GIF, видео или PDF-файл)
- Текст заголовка
- Текст описания
- Предлагаемые ответы и действия.
Каждое из этих полей является необязательным, но в расширенную карточку должно быть включено хотя бы одно из полей 1–3.
Компоненты Rich Cards
СМИ
Карточки Rich Card могут включать в себя различные медиафайлы, такие как изображения, GIF-файлы, видео и PDF-файлы. Карточки Rich Card поддерживают множество форматов медиа.
Поддерживаемые типы изображений:
- JPEG/JPG
- GIF
- PNG
Поддерживаемые типы видео:
- Х.263
- М4В
- МП4
- MPEG
- MPEG-4
- ВебМ
Поддерживаемые типы файлов (доступно только в Индии в клиенте Google Сообщения):
Для создания содержательной открытки можно выбрать один из трех вариантов высоты носителя:
| Тип носителя | Высота носителя |
|---|---|
| Короткие медиа | 112 ДП |
| Средний размер медиа | 168 ДП |
| Высокие медиа | 264 ДП |
DP означает пиксели, не зависящие от плотности, — это единицы, предназначенные для обеспечения одинакового физического размера элементов пользовательского интерфейса на экранах с разной плотностью пикселей.
Если размеры медиафайла не соответствуют выбранной высоте, система автоматически масштабирует и кадрирует медиафайл по центру. Это кадрирование может привести к нежелательному предварительному просмотру. Чтобы отобразить именно то изображение, которое вам нужно, укажите его миниатюру. Нажатие на миниатюру или превью открывает полноэкранный просмотр медиафайла.
В PDF-файлах отображается изображение предварительного просмотра, основанное на первой странице PDF-файла, даже если указана миниатюра. Щелчок по изображению предварительного просмотра открывает файл в программе просмотра PDF-файлов. Если предварительный просмотр недоступен (например, если файл защищён паролем), в PDF-файле отображается изображение миниатюры или значок по умолчанию, если миниатюра не указана.
Загружайте медиафайлы, указав URL-адрес или напрямую загрузив файл. Подробнее см. на странице «Отправка сообщений» .
Миниатюра
Максимальный размер миниатюры составляет 100 КБ. Для оптимального пользовательского опыта мы рекомендуем использовать миниатюру размером не более 50 КБ. Если миниатюра не предоставлена, вместо неё отображается значок по умолчанию. Миниатюра остаётся видимой во время загрузки файла, даже если загрузка удалась, и также служит предварительным просмотром для загруженных видео. При нажатии на миниатюру или значок по умолчанию открывается полноэкранный просмотр медиафайла.
Текст заголовка
Название вашей расширенной карточки — это своего рода заголовок, который привлекает внимание пользователя и даёт ему чёткое представление о сути вашего сообщения. Убедитесь, что оно краткое и информативное. Длина заголовка может составлять до 200 символов.
Описание
Расширенное описание карточки включает в себя необходимую дополнительную информацию. Здесь вы подробно описываете название, выделяете ключевые преимущества и стимулируете конверсию с помощью чёткого призыва к действию. Длина описания может составлять до 2000 символов.
Предлагаемые ответы и действия
Каждая расширенная карточка может содержать до четырёх предлагаемых ответов и действий . Кроме того, вы можете добавить до 11 предложений под карточкой в виде списка фишек, подобно тому, как вы добавляете предложения в текстовое сообщение. Предлагаемые ответы и действия в списке фишек — это способ продолжить обсуждение. Они не должны повторять варианты, перечисленные в расширенной карточке, и не являются инструментами выбора для элементов, представленных в карусели.
Подробную информацию о предложениях вы можете найти в этой статье .
Предлагаемые ответы
Предложенные ответы помогают пользователям взаимодействовать с вашим агентом таким образом, чтобы он мог легко на них ответить. Если взаимодействие не требует ответа в свободной форме, используйте предложенные ответы. Их легче обрабатывать, чем текст в свободной форме, и они позволяют вашему агенту направлять беседу по оптимальному пути.
Длина предлагаемых ответов может составлять до 25 символов.
Предлагаемые действия
Предлагаемые действия позволяют агенту подключаться к нативным действиям устройства и обеспечивают тесно интегрированный интерфейс для пользователя. При необходимости предлагаемые действия могут упростить звонок в службу поддержки клиентов или поиск местоположения на карте.
Но не перегружайте пользователей множеством вариантов. Предлагайте только те действия, которые связаны с последним сообщением, и только необходимое количество. Ограничьте количество предлагаемых действий и ответов тем, что полезно пользователю в данном контексте.
Длина предлагаемых действий может составлять до 25 символов.
Богатый макет карты
Rich Cards могут иметь как вертикальную , так и горизонтальную компоновку.
Вертикальные расширенные карты
Вертикальные расширенные карты отображают горизонтальные медиафайлы в верхней части карты. Минимальная высота вертикальной расширенной карты составляет 112 пикселей.
Носители, используемые в вертикальной расширенной карте, могут иметь следующую высоту:
- Короткий: 112 DP
- Средний: 168 DP
- Высокий: 264 DP
Медиафайлы, используемые в вертикальной расширенной карте, могут иметь следующее соотношение сторон:
- 2:1
- 16:9
- 7:3
Горизонтальные расширенные карты
Горизонтальные расширенные карты отображают медиафайлы с левой или правой стороны карты.
Горизонтальная расширенная карточка не имеет фиксированного соотношения сторон, но имеет фиксированную ширину 128 DP. Высота масштабируется в соответствии с высотой текстовых элементов карточки.
Карусели с богатыми картами
Вы можете отправить отдельную расширенную открытку или карусель расширенной открытки.
Карусели с расширенными картами идеально подходят для демонстрации различных товаров, например, тарифных планов или устройств, позволяя пользователям просматривать и сравнивать различные варианты в одном сообщении. Карусель идеально подходит, когда нужно представить различные варианты выбора или предоставить возможность просмотра связанного контента.
Первый элемент карусели должен быть оптимальным выбором, и причина выбора должна быть понятна пользователю. В карусели с расширенными картами может быть до десяти карточек. Карусели с расширенными карточками могут содержать только вертикальные расширенные карточки.
Подобно отдельному расширенному сообщению-карточке, вы можете добавлять подсказки под каруселью для развития диалога. Подсказки не должны повторять варианты, представленные в карусели, и не являются инструментами выбора для представленных в ней элементов.
Характеристики карусели
| Спецификация | Подробности |
|---|---|
| Заголовок | Максимум 200 символов |
| Описание | Максимум 2000 символов |
| Высота | • Малые карусели: максимальная высота 542 DP • Средние карусели: максимальная высота 592 DP Все карточки в карусели будут масштабированы в соответствии с высотой самой высокой карточки. Подробную информацию о том, как содержимое подстраивается под эту высоту, см. в разделе Изменение размера и усечение содержимого . |
| Ширина | Выберите один из следующих вариантов: • Маленький: 180 DP (фиксированная ширина) • Средний: 296 DP (фиксированная ширина) |
Изменение размера и усечение контента
Если содержимое карусели с расширенными карточками недостаточно для заполнения минимальной высоты, внизу будут добавлены дополнительные пробелы. Если содержимое превышает максимальную высоту, оно будет обрезано в следующем порядке:
- Описание, сокращенное до одной строки.
- Заголовок, сокращенный до одной строки.
- Предложения полностью удалены.
- Описание удалено полностью.
- Заголовок полностью удален.
Чтобы решить эту проблему с усечением, чтобы пользователи всегда могли видеть полный контент, RBM предоставляет возможность разворачивать полноэкранный режим просмотра карточек в карусели. Подробнее об этой функции см. в разделе Полноэкранный режим просмотра каруселей .
Полноэкранный просмотр каруселей
Чтобы текст или предложения не терялись при обрезке, RBM обеспечивает полноэкранный просмотр каруселей с расширенными карточками. Это позволяет дизайнерам использовать ограничения по тексту, зная, что пользователи могут развернуть карточку, чтобы увидеть всё сообщение целиком.
Ключевые детали для разработчиков
- Никаких действий не требуется: эта функция включается автоматически для всех каруселей с расширенными карточками.
- Область применения: применяется только к каруселям с расширенными картами. Отдельные расширенные карты не затрагиваются.
- Ограничения: Все существующие ограничения на количество символов и предложений для заголовков (200), описаний (2000) и предложений (4) остаются прежними.
Открыть и закрыть полноэкранный режим
Открытие: когда содержимое карточки обрезано, в конце видимого текста появляется кнопка «Подробнее» . Пользователь может нажать в любом месте текстовой области карточки или на кнопку «Подробнее» , чтобы открыть полноэкранный режим.
Чтобы закрыть: пользователи могут выйти из полноэкранного режима следующими способами:
- Нажмите кнопку X в верхнем левом углу.
- Используйте системную кнопку «Назад» или навигацию жестами «Назад».
- Нажмите на предложение, которое продолжит беседу.
Навигация в полноэкранном режиме
Полноэкранный режим позволяет осуществлять как вертикальную прокрутку внутри карточки, так и горизонтальное перемещение между карточками.
- Вертикальная прокрутка: если текст карточки всё ещё длиннее, чем полноэкранный режим, область текста и медиафайлов становится прокручиваемой по вертикали. Подсказки остаются «плавающими» и всегда видны внизу экрана.
- Горизонтальное смахивание: в полноэкранном режиме пользователи могут провести пальцем горизонтально, чтобы перейти к следующей или предыдущей карточке в карусели.
Вертикальная прокрутка
Горизонтальное смахивание
Характеристики для полноэкранного просмотра
При развертывании карточки используется стандартный полноэкранный макет.
| Спецификация | Подробности |
|---|---|
| Высота носителя | 264 ДП Высота медиа-контента в полноэкранном режиме всегда устанавливается в значение «Высокий». |
| Ширина носителя | screenwidth - 32 DPИзображение расширяется до размеров экрана с полями 16 DP с каждой стороны. Применяются те же правила кадрирования по центру. |
Как работают предложения в полноэкранном режиме
Когда пользователь нажимает на предложение в полноэкранном режиме, результирующее поведение зависит от типа предложения:
| Тип предложения | Поведение |
|---|---|
| Действие «Открыть URL» | URL-адрес открывается в браузере по умолчанию или в оверлее WebView. Когда пользователь возвращается в Google Сообщения, полноэкранный режим восстанавливается. |
| Действия «Набрать номер» , «Просмотреть местоположение» и «Создать событие в календаре» | Откроется соответствующее приложение. При возвращении в Google Сообщения восстанавливается полноэкранный режим. |
| Действие «Поделиться местоположением» | Полноэкранный режим закрывается, и открываются Google Карты. После того, как пользователь отправит своё местоположение, он автоматически возвращается к стандартному виду чата. |
| Предложенный ответ | Полноэкранный режим закрывается, а ответ отправляется в стандартном режиме чата, продолжая беседу. |
Пределы
Длина заголовка расширенной карточки ограничена 200 символами, тогда как длина описания — до 2000 символов. Имейте в виду, что специальные символы, такие как эмодзи или многобайтовые наборы символов, считаются за 2–4 символа и более.
Медиафайлы в расширенной карточке или карусели расширенной карточке могут иметь следующую высоту:
- Короткий: 112 DP
- Средний: 168 DP
- Высокий: 264 DP
Чтобы все элементы (медиафайлы, заголовки, описания и кнопки) правильно отображались в расширенной карточке или карусели, они должны соответствовать указанным ограничениям на количество символов и размер.
Максимальный размер полезной нагрузки расширенной карты составляет 250 КБ.