複合式資訊卡

豐富資訊卡會在單一訊息中結合媒體、文字和建議。這些訊息會著重於單一主題,並提供明確的動作供使用者採取。

複合式資訊卡可包含下列項目:

  1. 媒體 (圖片/GIF、影片或 PDF 檔案)
  2. 標題文字
  3. 說明文字
  4. 建議的回覆和動作。

這些欄位都是選填,但豐富資訊卡中必須至少包含欄位 1 至 3 的其中一個。

複合式資訊卡的元件

複合式資訊卡元件

媒體

豐富資訊卡可包含各種媒體,例如圖片、GIF、影片和 PDF 檔案。複合式資訊卡支援多種媒體格式。

支援的圖片類型:

  • JPEG/JPG
  • GIF
  • PNG

支援的影片類型:

  • H.263
  • M4V
  • MP4
  • MPEG
  • MPEG-4
  • WebM

支援的檔案類型 (僅適用於印度境內的 Google 訊息用戶端):

  • PDF

您可以為豐富資訊卡選擇三種媒體高度:

媒體類型 媒體高度
短片 112 DP
中型媒體 168 DP
長版媒體 264 DP

DP 代表密度獨立像素,這個單位可確保不同像素密度的螢幕上,UI 元素的大小一致。

複合式資訊卡中的圖片高度

如果媒體的尺寸與所選高度不符,系統會自動縮放並從中央裁剪媒體。裁剪後可能會產生不理想的預覽畫面。如要顯示所需圖片,請指定縮圖。點選預覽畫面或縮圖,即可全螢幕檢視媒體檔案。

即使提供縮圖,PDF 檔案仍會根據 PDF 檔案的第一頁顯示預覽圖片。按一下預覽圖片,即可在 PDF 檢視器中開啟檔案。如果無法預覽 (例如檔案受密碼保護),PDF 檔案會顯示縮圖,如果未指定縮圖,則會顯示預設圖示。

直向豐富資訊卡中的 PDF 檔案預覽畫面。
直向豐富資訊卡中的 PDF 檔案預覽畫面
直向豐富資訊卡中的預設 PDF 圖示。
直向豐富資訊卡中的預設 PDF 圖示

指定網址或直接上傳檔案,即可上傳媒體。 詳情請參閱「傳送訊息」頁面。

縮圖

縮圖檔案大小上限為 100 KB。為提供最佳使用者體驗,建議您將大小設為 50 KB 以下。如未提供縮圖,系統會改為顯示預設圖示。即使下載失敗,縮圖仍會在檔案下載期間顯示,並做為下載影片的預覽畫面。輕觸縮圖或預設圖示,即可開啟全螢幕媒體檔案檢視畫面。

複合式資訊卡會顯示圖片檔案的預設圖示。
圖片檔案的預設圖示
複合式資訊卡會顯示影片檔案的預設圖示。
影片檔案的預設圖示
品牌在複合式資訊卡中提供的縮圖。
自訂縮圖

標題文字

豐富資訊卡的標題就像是吸引使用者注意力的標題,讓他們清楚瞭解訊息內容。請務必簡潔扼要,並提供實用資訊。長度上限為 200 個半形字元。

說明

複合式資訊卡說明包含重要的支援資訊。您可以在這裡詳細說明標題、強調主要優點,並透過明確的行動號召來提高轉換率。說明長度上限為 2,000 個字元。

建議的回覆和動作

每張即時資訊卡最多可包含四個建議回覆建議動作。 此外,您還可以在資訊卡下方新增最多 11 個建議,以晶片清單的形式呈現, 就像在簡訊中新增建議一樣。晶片清單中的建議回覆和動作可讓對話繼續進行。這些選項不應重複顯示在豐富資訊卡中,也不會是輪轉介面中項目的選取工具。

如要進一步瞭解建議,請參閱這篇文章

建議的回覆

建議回覆可協助使用者與服務專員互動,方便服務專員輕鬆回應。除非互動需要自由形式的回覆,否則請使用建議回覆。這類選項比任意形式的文字更容易處理,且可讓代理程式引導對話朝最佳路徑發展。

複合式資訊卡中的建議回覆

建議回覆最多可包含 25 個半形字元。

建議採取的動作

代理程式可透過建議動作連結至裝置原生動作,為使用者提供緊密整合的體驗。系統會視情況建議相關動作,方便你撥打客服電話或在地圖上尋找地點。

但請勿提供過多選項,請只提供與最新訊息相關的動作,並視需要提供動作。在特定情境中,建議動作和建議回覆的數量應以對使用者有幫助為限。

複合式資訊卡中的建議動作

建議動作的長度上限為 25 個半形字元。

複合式資訊卡版面配置

動態卡片可採用直向橫向版面配置。

直向複合式資訊卡

直向複合式資訊卡

直向豐富資訊卡會在資訊卡頂端顯示橫向媒體,直向複合式資訊卡的高度下限為 112 DP。

直向豐富資訊卡中使用的媒體可具有下列高度:

  • 短:112 DP
  • 中:168 DP
  • 長:264 DP

直向互動式資訊卡中使用的媒體長寬比可以是:

  • 2:1
  • 16:9
  • 7:3

水平複合式資訊卡

水平複合式資訊卡

水平豐富資訊卡會在資訊卡左側或右側顯示媒體。

水平互動式資訊卡沒有固定的媒體比例,但寬度固定為 128 DP。高度會根據資訊卡中文字元素的高度調整。

複合式資訊卡輪轉介面

你可以傳送單張複合式資訊卡,或以輪轉介面顯示多張複合式資訊卡。

複合式資訊卡輪播功能非常適合展示多個項目,例如數據方案或裝置,讓使用者在單一訊息中瀏覽及比較不同選項。如果想呈現多種選擇,或讓使用者探索相關內容,輪轉介面就是理想的選擇。

複合式資訊卡輪轉介面

輪轉介面中的第一個項目應是最佳選擇,且原因應讓使用者一目瞭然。豐富資訊卡輪播介面最多可顯示十張資訊卡。輪轉介面只能包含直向的豐富資訊卡。

與獨立的豐富資訊卡訊息類似,您可以在輪播下方加入建議動作方塊,引導對話。建議方塊不應重複輪轉介面中列出的選項,且不應做為輪轉介面中顯示項目的選取工具。

含有建議方塊的複合式資訊卡輪轉介面

規格 詳細資料
標題 最多不得超過 200 個字元
說明 最多 2,000 個字元
高度 • 小型輪播:高度上限為 542 DP
• 中型輪播:高度上限為 592 DP

輪播中的所有資訊卡都會縮放,以符合最高資訊卡的高度。

如要進一步瞭解如何調整內容以符合這個高度,請參閱「內容大小和截斷」。
寬度 選擇下列其中一個選項:
• 小型:180 DP (固定寬度)
• 中型:296 DP (固定寬度)

內容大小和截斷

如果豐富資訊卡輪播內容不夠多,無法達到最低高度,系統會在底部加入額外空白空間。如果內容超出高度上限,系統會依下列順序截斷內容:

  1. 說明,縮減為一行。
  2. 標題,縮減為一行。
  3. 完全移除建議。
  4. 說明已完全移除。
  5. 標題已完全移除。

為解決這個截斷問題,讓使用者一律能看到完整內容,RBM 提供輪轉介面中資訊卡的展開式全螢幕檢視畫面。如要進一步瞭解這項功能,請參閱輪轉介面全螢幕檢視畫面

輪播內容的全螢幕檢視畫面

為避免文字或建議在截斷時遺失,RBM 會為詳細資訊卡輪播提供全螢幕檢視畫面。設計師可充分利用文字限制,因為使用者可以展開資訊卡,查看完整訊息。

開發人員須知

  • 無須採取任何行動:系統會自動為所有豐富資訊卡輪播啟用這項功能。
  • 適用範圍:僅適用於動態資訊卡輪播。獨立的互動式資訊卡不受影響。
  • 限制:標題 (200 個半形字元)、說明 (2000 個半形字元) 和建議 (4 個) 的現有字元和建議限制維持不變。

開啟及關閉全螢幕檢視畫面

開啟方式:如果資訊卡上的內容遭到截斷,可見文字結尾會顯示「更多」按鈕。使用者可以輕觸資訊卡文字區域的任一處,或輕觸「更多」按鈕,開啟全螢幕檢視畫面。

如何關閉:使用者可以透過下列方式退出全螢幕檢視畫面:

  1. 輕觸左上角的「X」X按鈕。
  2. 使用系統返回按鈕或返回手勢操作。
  3. 輕觸建議,繼續對話。

全螢幕模式下的導覽

全螢幕檢視畫面可讓你在資訊卡內垂直捲動,以及在資訊卡之間水平滑動。

  • 垂直捲動:如果資訊卡的文字長度仍超過全螢幕檢視畫面,文字和媒體區域就會變成可垂直捲動。建議會「浮動」顯示在畫面底部,且一律可見。
  • 水平滑動:在全螢幕檢視中,使用者可以水平滑動,前往輪轉介面中的下一張或上一張資訊卡。

垂直捲動

水平滑動

全螢幕檢視畫面規格

資訊卡展開時,會使用標準化的全螢幕版面配置。

規格 詳細資料
媒體高度 264 DP
全螢幕檢視畫面中的媒體高度一律會採用「高」媒體設定。
媒體寬度 screenwidth - 32 DP
媒體會展開並填滿螢幕寬度,兩側各留 16 DP 的邊框間距。系統會套用相同的中央裁剪規則。

全螢幕檢視畫面中的建議運作方式

使用者在全螢幕檢視畫面中輕觸建議時,系統會根據建議類型採取相應動作:

建議類型 行為
開啟網址動作 網址會在預設瀏覽器或網頁檢視疊加層中開啟。使用者返回 Google 訊息時,系統會還原全螢幕檢視畫面。
「撥號」、「查看地點」和「建立日曆活動」動作 系統會開啟對應的應用程式。返回 Google 訊息後,系統會還原全螢幕檢視畫面。
分享位置資訊動作 全螢幕檢視畫面會關閉,並開啟 Google 地圖。使用者傳送位置資訊後,系統會自動返回標準對話檢視畫面。
建議的回覆 全螢幕檢視畫面會關閉,回覆內容則會在標準對話檢視畫面中傳送,並繼續對話。

限制

動態資訊卡標題最多 200 個字元,說明最多 2000 個字元。請注意,表情符號或多位元組字元集等特殊字元,會計為 2 到 4 個以上的字元。

互動式資訊卡或輪轉介面中的媒體可有下列高度:

  • 短:112 DP
  • 中:168 DP
  • 長:264 DP

如要讓所有元素 (媒體、標題、說明和按鈕) 在動態資訊卡或輪轉介面中正確顯示,必須遵守指定的字元和大小限制。

豐富資訊卡酬載的大小上限為 250 KB。