How To

gif画像を設定時間内に応じた速度で表示したい

こちらでは、「メッセージ表示の時間間隔」をメッセージ毎に設定する方法を案内します。
例として、商品シナリオにて「メッセージ表示の時間間隔」を設定し、画像を表示してから次のメッセージを表示するまでの時間を任意に設定する方法を説明します。
本機能の基本的な使用方法は「メッセージ表示速度を変更する方法を教えてください」を参照してください。

各メッセージ内での「メッセージ表示の時間間隔」の設定方法
  1. 対象プロファイルの編集画面を開き、画面左のシナリオフローで「product(商品)」をクリックします。画面中央の「メッセージ」横の「+」を押下し、追加メニューの「テキスト・画像など > 画像」を選択して、画像を追加します。
    追加メニューのテキスト・画像など > 画像

  2. 追加した「画像」を押下して開き、その中の「フォーム」にある「画像」を押下して開きます。「画像URL」にgif画像のURLを入力します。


  3. 手順1で追加した「画像」の直下にHTMLテキストを追加します。
    「メッセージ」横の「+」を押下し、追加メニューの「テキスト・画像など > HTMLテキスト(テキストエリア形式)」を選択してください。
    追加した項目はメッセージ一覧の先頭に入るため、追加したHTMLテキストは「画像」の上(一覧のいちばん上)に表示されます。シナリオにもとからあるHTMLテキストと間違えないよう、いちばん上のHTMLテキストにマウスを重ねると右側に表示される「下へ」アイコンを1回押すか、左端のつまみをドラッグして、「画像」の直下に移動してください。

  4. 追加したHTMLテキストを押下して開き、「メッセージ表示の時間間隔」に、画像を見せてから次のメッセージを表示するまでの待ち時間をミリ秒で入力します。画像は時間が過ぎても消えず、そのままチャットに残ります。

  5. HTMLテキストを以下のように設定します。
    (メッセージタイプ:メッセージ (中央寄り)、オペレータ表示:OFF)

設定後は画面右上の「保存」で保存してください。保存しただけでは、LPに設置しているチャットは変わりません。保存後にビルドを行うと反映されます。


<表示イメージ>
※ キャプチャではgif画像の動きは確認できませんが、実際の画面ではチャット内でgif画像が動きます

この記事の目次

このセクションの記事

How To