チャットボットの発言中に画像プレビューを表示する

チャットボットの発言内に画像プレビューを表示したい場合、『画像の送信』アクションを利用する方法と発言内容に画像URLを含める方法の2通りがあります。

目次

• 『画像の送信』アクションを利用する
• 発言内容に画像URLを含める

『画像の送信』アクションを利用する

機能概要

アップロード

ローカルのパソコンに保存された画像をアップロードすることができます。

※要件を満たしていない画像を選択した場合、「画像の高さ、または幅が大きすぎます。」のメッセージが表示され、アップロードできません。

URLを貼り付け

Web上に公開されている画像URLを登録し表示することができます。

※要件を満たしていない画像URLを入力した場合、「画像の読み込みに失敗しました。URLで指定した場所に画像が存在するか確認してください。」のメッセージが表示され、登録できません。

公開先がWeb/LINEの場合、画像がクリックされたときに指定したWebページを開く

有効にすることで、アップロードした画像をクリックした際に『WebページURL』に指定したページを開くことができます。
本機能は『アップロード』を選択、かつ公開先がWeb、LINEの場合のみ利用可能です。

手順

1. チャットボットの『シナリオ一覧』タブから、画像プレビューを表示させたいシナリオを選択してください。
   
2. 『シナリオの流れ』エリア内のリストから「画像の送信」を選択し、”アクションを追加“ボタンをクリックしてください。
   
3. 『タイトル』を入力し、状況に応じて「アップロード」か「URLを貼り付け」を選択してください。
   
   
   
   • 『アップロード』を使用
     1. 「アップロード」を選択し、”ファイルを選択“ボタンをクリック後、表示したい画像を選択してください。
        
     2. 画像登録後、『画面の送信』アクション内に、プレビュー画像が表示されます。
        必要に応じて『公開先がWeb/LINEの場合、画像がクリックされたときに指定したWebページを開く』を設定してください。
        
   • 『URLを貼り付け』を使用
     1. 「URLを貼り付け」を選択し、画像URLを入力してください。
        
     2. 画像登録後、『画面の送信』アクション内に、プレビュー画像が表示されます。
        
4. 保存後、『シミュレーター』機能で動作を確認してください。
   

発言内容に画像URLを含める

手順

1. チャットボットの『シナリオ一覧』タブから、画像プレビューを表示させたいシナリオを選択してください。
   
2. 各アクション内の『発言内容』または『質問内容』に画像URLを入力してください。
   チャットボットの『初期発言』も同様の方法で、画像プレビューが表示可能です。
   
   指定できるURL要件は以下の通りです。
   

   対応画像形式	JPEG、PNG、GIF 上記以外の画像ファイル形式はリンクURLとして表示されます
   対応URL形式	http、httpsで始まる画像URLのどちらでも登録できます

   
   また、オペレーター画面での発言も画像プレビュー表示に対応しています。
   
3. 保存後、『シミュレーター』機能で動作を確認してください。