カスタマイズ

ここでは、reactive.chatで設定できるすべての項目を説明します。ウィジェットの外観、文言、訪問者に話しかけるタイミング、AIアシスタントの回答方法が対象です。各設定について、アカウント内の場所、指定できる値、可能な場合は個別ページ向けのコードでの設定方法を示します。

ウィジェットの埋め込み方法とJavaScriptインターフェース全体の仕組みは、技術的な連携で説明しています。日々のreactive.chatの使い方は、製品マニュアルをご覧ください。

設定の場所

ほとんどの設定は、プロジェクトのページ/app/projects/{id}で行います。7つのタブがあります。

• インストール – 埋め込みスニペット、名前、ドメイン、配色、既定の言語、対応状況、ガイド付きフロー
• 外観 – ブランド設定（色、チャットボタン、スタイル、ウィンドウ、カスタムCSS）、ホーム画面、プロモーションカード、reactive.chatの案内
• テキストとフォーム – チャット開始前のフォーム、独自の文言、製品ツアー、定型返信
• AIとナレッジ – アシスタント、クロール、除外領域、商品
• ルールとサービス – ツールチップと時間指定アクション、返信目標とサービス目標、メール通知、会話のメール送信
• プライバシー – 同意、同意撤回、削除、保存期間
• アーカイブ

さらに、/app/projects/{id}/…配下には、Smart Answer、メモリー機能、バージョン、テスト実行、自動化、キャンペーンなどの個別ページがあり、/app/abにはA/Bテストがあります。

アカウントの変更は通常、1分以内に訪問者へ反映されます。プロジェクトページのプレビューには、保存前でも入力を反映した実際のウィジェットが表示されます。

アカウントとコードの使い分け

アカウントの設定は、プロジェクトのすべてのページに適用されます。コード（スニペットの属性やReactiveChat(…)の呼び出し）では、キャンペーンページなどの単一ページを調整したり、チャットボタンの位置など、アカウントにフィールドがない項目を設定したりできます。

<script src="https://cdn.reactive.chat/loader.js"
        data-rc-site-key="SITE_KEY"
        data-rc-position="left"
        data-rc-strings='{"input.placeholder":"Your question …"}'
        async></script>

両方で設定した場合にどちらが優先されるかは、各設定で説明します。一般に、コードのテキストとテーマはアカウントより優先されます。ブランド設定では、初期の色以外の内容が含まれる場合にのみ、スニペットがアカウントより優先されます。

各章

1. 色、フォント、テーマ – ブランドの色、表面色、コントラスト保護、ライト／ダーク、デザインアシスタント、カスタムCSS、ヘッダーのロゴ
2. チャットボタン – 形、サイズ、アイコン、ラベル、表示、位置、バーとの重なり回避、ボタンなしのチャット
3. チャットウィンドウ – スタイル、ウィンドウサイズ、サイドパネル、背景、文字サイズ、ヘッダー、スマートフォン
4. テキストと言語 – 言語の検出、既定の言語、独自の文言、コードのテキスト
5. チャットのホーム画面 – あいさつ、ロゴ、タイル、ヘルプタブ、プロモーションカード
6. 対応状況、フォーム、サービス – 受付時間、オフラインフォーム、開始前フォーム、ガイド付きフロー、会話のメール送信、添付ファイル
7. プロアクティブメッセージ – ツールチップ、時間指定メッセージ、JSONのルール、コードの吹き出し、キャンペーン
8. 製品ツアーと「見せてください」
9. A/Bテスト – チャットボタン、ウィンドウ、テキストのバリアントの比較（ベータ版）
10. AIアシスタント – 名前、口調、対応範囲、引き継ぎ、メモリー機能、バージョン、テスト実行
11. ナレッジと出典 – クロール、除外領域、ファイル、承認、改善した回答
12. Smart Answer – Webサイトの検索欄の下に表示するAI回答
13. プライバシーと同意 – 同意、削除、保存期間、Cookieバナー
14. チーム、コンソール、通知 – 定型返信、コマンド、サービス目標、自動化、通知
15. プラン、ベータ版、設定アシスタント

関連ガイド

• ウィジェットの埋め込み
• 独自のリンクやボタンからチャットを開く
• チャット内のプロモーションカード
• プライバシーのテキストを自動で埋め込む
• 独自ドメイン（ファーストパーティー）
• 技術の詳細

ドキュメント全体の一覧：ドキュメント。