メインコンテンツまでスキップ

Image

Image は画像を送るための message template です。

基本的な使い方​

Image はチャット画面に画像を表示します。プレビューをタップすると元の画像が開きます。

Template の構造​

JSON​

{
  "type": "IMAGE",
  "originalContentUrl": "https://placehold.co/600x400",
  "previewImageUrl": "https://placehold.co/300x200",
  "quickReplies": [
    {
      "text": "詳細を見る"
    }
  ]
}

各項目​

type（必須）​

message template の種類で、常に "IMAGE" です。

originalContentUrl（必須）​

元の画像の URL です。ユーザーがプレビューをタップするとこの画像が表示されます。

previewImageUrl（必須）​

プレビュー画像の URL です。チャット画面に最初に表示されるサムネイルです。

quickReplies（任意）​

クイックリプライのボタンの配列です。詳しくは Quick Replies を参照してください。

使用例​

Push Message から画像を送る手順です。

  1. Template 項目のドロップダウンで Expression を選びます。
  2. エディターに次の JavaScript を入力します。

基本の画像メッセージ​

(() => {
  return {
    type: 'IMAGE',
    originalContentUrl: 'https://example.com/photo.jpg',
    previewImageUrl: 'https://example.com/photo-thumb.jpg',
  };
})()

クイックリプライを添える​

(() => {
  return {
    type: 'IMAGE',
    originalContentUrl: 'https://example.com/product-image.jpg',
    previewImageUrl: 'https://example.com/product-thumb.jpg',
    quickReplies: [
      {
        text: '詳細を見る',
      },
      {
        text: 'すぐ購入する',
      },
    ],
  };
})()