こちらの記事は、ダイアログの活用方法についてご紹介しております。
画面構成などダイアログ機能の概要、シナリオの作成方法については、以下記事をご確認ください。
【ダイアログ】スタートアップガイド(概要編)
【ダイアログ】ツリー作成・編集手順
ボタン毎にスペシャルタグを出し分ける
以下の手順で設定した場合の設定ファイルは以下です。
※チャットボタン設定のボタン有効化条件(どこのページなどボタンを表示させる条件を設定)は御社側でボタンを表示させたいページを設定ください。
ダイアログ画面でスペシャルタグを設定する
ダイアログ画面のタブ:テスト環境をクリックします。
左上の「編集」ボタンをクリックします。
「シナリオ先頭メッセージ追加」ボタンをクリックします。
シナリオ先頭メッセージ追加後、ラベルを設定します。
※こちらは必須項目ではありませんが、チャットボタンと紐づける際にどのシナリオかを識別するために設定いただくことを推奨いたします。次にメッセージタイプを設定します。
今回はスペシャルタグを表示させたいので、「スペシャルタグ」を選択します。
テキストはスナックバー上に表示されるテキストです。
今回のサンプル設定では、チャットボタンをクリック後自動でスペシャルタグを開く設定のため、空欄にします。タグはスペシャルタグ検索に使用するタグを入力します。
タグにスペシャルタグのタグ名を入力し、「確定」ボタンをクリックします。※スペシャルタグのタグ名は以下画像の赤枠内
スナックバー省略は、チェックした場合スナックバーの表示を行わずにスペシャルタグが起動されます。
今回のサンプル設定では、チャットボタンをクリック後自動でスペシャルタグを開く設定のため、チェックを入れます。
1つ目のスペシャルタグの設定は以上となります。
次に同時に投稿するメッセージを設定します。
以下画像の赤枠内をクリックウィンドウの左上:「新規メッセージを追加して設定」ボタンをクリックします。
※すでに作成されたメッセージを選択することも可能です。「新規メッセージを追加して設定」ボタンをクリック後
メッセージが追加されるので、メッセージをクリックしメッセージを編集します。こちらの見本設定では、メッセージタイプから「リスト」を選択します。
1で設定したダイアログ設定をチャットボタン設定に紐付ける
チャットボタン設定画面を開き、保存済み一覧から使用するリビジョンを選択します。
「編集」ボタンをクリックします。
シナリオを紐づけるボタン設定の右側「∨」をクリックします。
初期化メッセージのプルダウンから「ダイアログ」を選択します。
ダイアログのプルダウンから紐づけたいシナリオを選択します。
「保存」ボタンをクリックします。
任意でコメントを編集する場合は、コメントを編集し、「確定」ボタンをクリックします。
右下に「保存しました」が表示されましたら、チャットボタン設定の保存が完了となります。
次にダイアログを紐付けたチャットボタン設定をテスト環境に反映します。
該当のリビジョンをクリックします。「テスト環境に反映」ボタンをクリックします。
任意でコメントを編集する場合は、コメントを編集し、「確定」ボタンをクリックします。
右下に「環境への反映が完了しました」が表示されましたら、テスト環境への反映が完了となります。
最後にダイアログを紐付けたチャットボタン設定を本番環境に反映します。
※本番環境に反映前に、テスト環境で動作を確認したい場合はこちらをご確認ください。「テスト環境を本番環境へ反映」ボタンをクリックします。
任意でコメントを編集する場合は、コメントを編集し、「確定」ボタンをクリックします。
右下に「環境への反映が完了しました」が表示されましたら、本番環境への反映が完了となります。