ヘルプセンター【チャット】ボット
チャットのボットフローからフローを登録します。
1．フローの作成
（１）追加ボタンで階層を設定
階層設定により、選択時に下層の内容一覧が表示されるようなフローを設定します。
（２）編集ボタンで内容を編集
タイトル：前画面のフローで表示するタイトルを設定します。
オペレータ：オペレータ側のメッセージ表示を設定します。
アクション：選択後のアクションを設定します。
テキストボックスにはテキストやHTML、Javascriptを記述して表示や制御をします。
アクションのプルダウンで処理を選択します。
|
デフォルト |
特定の処理をしません。 アクションに記載した内容をユーザーの回答側に表示します。フローで下階層を指定させる場合はデフォルトを設定します。 |
|
カスタム |
特定の処理をしません。 アクションに記載した内容をチャット中の見出しとして表示します。
|
|
チャット |
営業時間の設定に従ってチャットを開始します。 |
|
アンケート |
アンケートIDを指定してアンケートを表示します。 |
|
フロー |
フローIDを指定して、別のフローを呼び出します。 |
|
URLへ移動 |
指定したURLへ遷移します。 |
|
新しいタブでURLを開く |
新しいタブで指定したURLのページを開きます。 |
|
フローの上位へ |
フローの1つ上の階層へ戻るリンクを表示します。 |
|
フローのトップへ |
フローのトップへ戻るリンクを表示します。 |
|
ホームへ |
ホームへ戻るリンクを表示します。 |
アクションにはAPIを記載できます。
|
surveyStart(surveyKey) |
surveyKeyに指定したIDのアンケートを開始します。 |
<span class=”list-btn” onclick=”surveyStart(28)”>アンケートに答える</span> |
|
dialogStart(dialogKey) |
dialogKeyに指定したIDのフロ ―を開始します。 |
<span class=”list-btn” onclick=”dialogStart(3)”>別のフローへ</span> |
|
chatStart() |
営業時間設定で設定されたチャットを開始します。 |
<span class=”list-btn” onclick=”chatStart()”>チャットを始める</span> |
|
chatClose() |
チャットをクローズします。 |
<span class=”list-btn” onclick=”chatClose()”>チャットをクローズ</span> |
|
openUrl(url, true|false) |
URLページを開きます trueを指定すると新しいタグで開きます。 falseを指定すると現タブで開きます。 |
<span class=”link-url” style=”color:blue;” onclick=”openUrl(‘https://www.scinable.com’, true)”>Scinable</span>を開く
<span class=”list-btn” onclick=”openUrl(‘https://www.scinable.com’, false)”>Scinable</span>へ移動 |
|
prevList(this) |
フローの上位へ移動します。 |
<span class=”link-btn” onclick=”prevList(this)”>上位へ</span> |
|
topList(this) |
フローのトップへ移動します。 |
<span class=”link-btn” onclick=”topList(this)”>トップへ</span> |
|
home() |
ホームへ移動します。 |
<span class=”link-btn” onclick=”home()”>ホームへ</span> |
利用できるCSSについて
.link-url
a tagのように文字にunderlineが表示されます。
<span class=”link-url” style=”color:blue;” onclick=”openUrl(‘https://www.scinable.com’, true)”>Scinable</span>へ移動
.link-btn
.linke-urlと同じですが、paddingとmarginが設定されています。
<span class=”link-btn” onclick=”prevList(this)”>上位へ</span>
<span class=”link-btn” onclick=”topList(this)”>トップへ</span>
.list-btn
フローのボタンと同じですが、改行はなしです。
<span class=”list-btn” onclick=”surveyStart(28)”>アンケート</span>
<span class=”list-btn” onclick=”dialogStart(3)”>フロー</span>
2．フローの設定
名前の設定します。
「公開」で本番環境へ反映されます。
3．チャットボットの公開
チャットボットをサイトに反映するには、「接客」サービスも設定する必要があります。
- 接客に移動して、サービスを追加します。
- プロモーションから、サンプル＞チャット を選択します。
- 要素＞アプリ＞種類＝フロー IDに、作成したボットのIDを入力します。
4．利用レポート
期間を指定し、フローでの選択状況をレポートします。
5．チャットボットのフロー検索機能
|
チャットのメッセージ欄へワードを入力することで、「1．フローの作成」で作成した内容を検索することができます。 （※本機能は2025年5月のバージョンアップでの新機能です）
例)右イメージ
メッセージ欄へ「価格」と入力し送信すると、現在表示されていないフローの「価格について」の選択肢を回答として返します。 |
|