対話プラットフォーム連携：Web サイト
一、設定画面に入る
1. 経路一：Webカスタマーサポート対話を追加する
左側メニューの「カスタマーサポート対話 > 対話プラットフォーム」をクリックし、右上の「＋対話プラットフォームを連携」を選択して、プラットフォーム「Website」を選びます。
2. 経路二：AIアシスタントから対話プラットフォームを関連付ける
左側機能欄の「AI機能 > AIアシスタント」に入り、いずれかのAIアシスタントを選択して「操作」アイコンをクリックし、続けて「対話プラットフォームを関連付ける」の「Web XXアシスタント」をクリックします。
3. 経路三：対話プラットフォームの操作
左側機能欄の「カスタマーサポート対話 > 対話プラットフォーム」で、設定したいAIアシスタントを選択し、「操作」アイコンをクリックすると、対話プラットフォームの構成画面に入ることができます。
二、基本設定
1. 基本設定
プラットフォーム名の設定
「プラットフォーム名」欄に、Webサイト上で表示したいAIアシスタントの名前を入力します
例：「カスタマーサポートアシスタント」「スマートアシスタント」など
AIアシスタントの選択
「AIアシスタント」のドロップダウンメニューで、使用するAIアシスタントを選択します
これにより、チャットルームでどのAIアシスタントが質問に回答するかが決まります
戻りURLの設定
「戻りURL」欄に、貴社のWebサイトのURLを入力します
ユーザーがチャットルームの戻るボタンをクリックすると、このURLに遷移します
公開URLの取得と利用
システムが自動的に「公開アクセスURL」を生成します
次の操作が可能です：
「コピー」ボタンをクリックしてURLをコピーする
「アクセス」ボタンをクリックして新しいウィンドウでチャットルームを開く
「埋め込み」ボタンをクリックして埋め込みコードを取得する
「埋め込みプレビュー」ボタンをクリックして埋め込み後の表示をプレビューする
埋め込みスクリプトの最適化
埋め込み方式を選択すると、システムは最適化された embed.js スクリプトを提供します。このスクリプトには以下の特長があります：
重複実行防止の仕組み：スクリプトが複数回読み込まれても、初期化は一度しか行われず、競合を防ぎます
より優れたエラーハンドリング：読み込みに失敗した際は、明確なエラーメッセージを表示し、デバッグを容易にします
読み込みパフォーマンスの最適化：スクリプトは最適化されており、Webサイトの読み込み速度に影響を与えません
互換性の向上：さまざまなWebサイト環境やフレームワークとの互換性がさらに高まっています
埋め込みのベストプラクティス：
埋め込みスクリプトは
</body>タグの直前に配置し、ページのメインコンテンツが先に読み込まれるようにします埋め込みスクリプトはページに一度だけ追加し、重複を避けます
SPA（Single Page Application）で使用する場合は、技術ドキュメントの高度な設定を参照してください
2. 外観設定
企業ロゴのアップロード
「Logo」エリアのアップロードボタンをクリックします
貴社のロゴ画像ファイルを選択します
アップロード後はプレビューが表示され、クリックして削除し再アップロードできます
AIアシスタントのアバターのアップロード
「アバター」エリアのアップロードボタンをクリックします
適切なアバター画像を選択します
アップロード後はプレビューが表示され、クリックして削除し再アップロードできます
カラーテーマの設定
「テーマカラー」セレクターをクリックし、チャットルームウィンドウのタイトルの色を選択します
「タイトル文字色」セレクターをクリックし、タイトル文字の色を設定します
「AIアシスタント回答の背景色」セレクターをクリックし、AIの回答メッセージの背景色を設定します
テーマ切り替えの有効化
「テーマモード切り替え」スイッチをオンにします
ユーザーはライトテーマとダークテーマを切り替えることができます
3. 機能設定
有効化の設定
対話を開いてサービスを提供するかどうかを設定します
ファイルアップロードの設定
「ファイルアップロードを許可」スイッチをオンにします
ユーザーは画像やファイルなどをAIにアップロードして分析させることができます
引用文書の表示設定
「引用文書を表示」スイッチをオンにします
AIが回答する際に、参照した出典文書を表示します
引用文書のダウンロード許可の設定
「引用文書のダウンロードを許可」スイッチをオンにします
ユーザーは対話中にAIアシスタントが引用したファイルの内容をダウンロードできます
使用ツールおよび結果の表示設定
「使用ツールおよび結果を表示」スイッチをオンにします
システムは MCP または API による処理が進行中であることを表示します
4. インタラクション設定
冒頭メッセージの設定
冒頭メッセージの入力欄にウェルカムメッセージを入力します
例：「こんにちは！私はスマートカスタマーサポートです。何かお手伝いできることはありますか？」
「追加」ボタンをクリックして、冒頭メッセージをリストに加えます
複数の冒頭メッセージを追加でき、システムがランダムに選択します
削除する場合は、該当する項目の右側にある削除ボタンをクリックします
対話開始時の質問の設定
「対話開始時の質問」の入力欄に、あらかじめ用意する質問を入力します
例：「返品はどのように申請しますか？」「営業時間はいつですか？」
「追加」ボタンをクリックして、質問をリストに加えます
これらの質問は、ユーザーがクリックできるクイック選択肢として表示されます
削除する場合は、該当する項目の右側にある削除ボタンをクリックします
5. ログイン設定
SSOログインソースの設定
MaiAgent は現在、Keycloak との統合により SSO（Single Sign-On）サービスを実現できます
「ログインソース」のドロップダウンメニューで切り替えます
認証方式として Maiagent または Keycloak を選択します
三、自動応答設定
ここでは、ボットが応答する時間帯を設定できます。
日付の横にあるスイッチをクリックする：週のうちどの曜日に応答するかを選択します。
時間帯を設定する：開始時刻と終了時刻を選択します。
時間帯を追加する：複数の時間帯を設定したい場合は、「+時間帯を追加」を押して追加し、時間帯を設定できます。
最終更新
役に立ちましたか？