利用を開始する

このページでは、アカウントで案内するのと同じ順序で設定を進めます。全体にかかる時間は、Webサイトに1行追加するのにかかる時間とおおよそ同じです。

1. アカウントを作成する

アカウントを作成（/register）で、次を入力します。

• 表示名 – 返信するとき、訪問者にチャットで表示されます。
• メールアドレス
• パスワードとパスワードを再入力 – 10文字以上。特定の文字種は必須ではありませんが、よく使われるパスワードや、名前やアドレスを含むものは拒否します。強度メーターで確認できます。

さらに、2つのチェックボックスで、利用規約とデータ処理契約への同意、および事業者として利用することを確認します。reactive.chatは事業者向けで、消費者向けのサービスではありません。

その後は常に、「メールボックスを確認してください。」という同じメッセージを表示します。確認リンクは60分間、1回だけ有効です。確認前でもログインできますが、アカウントのアドレスの横に「未確認」と表示されます。

開始時に支払い方法は不要です。新しいアカウントは、すべて無料プランから始まります。

2. 最初のワークスペースを作成する

初回ログイン後、最初のワークスペースに移動します。会社名などの名前を付け、ワークスペースを作成をクリックします。作成した人が所有者になります。

ワークスペースは、プロジェクト、チーム、プラン、請求をまとめる単位です。複数の顧客を担当する場合は、後から追加できます（チーム、アカウント、セキュリティ参照）。

3. アカウントでの最初の手順

設定が完了するまで、サイドメニューとオペレーター画面上部に、利用を開始（/app/start）への案内を表示します。4つのステップがあります。完了のチェックは不要で、アカウントが自動で確認します。

ステップ1：プロジェクトを作成する

プロジェクトは1つのWebサイトを表します。次を入力します。

• 名前 – 自分とチーム用で、訪問者には表示しません。空欄ならドメインを使います。
• ドメイン – https:// とパスを付けません。例：www.example.com。

作成すると、サイトキーと対応する埋め込みスニペットが生成されます。所有者と管理者がプロジェクトを作成できます。

ステップ2：スニペットを埋め込む

コピーで行をコピーし、チャットを表示するすべてのページの<head>に入れます。厳格なContent Security Policyの場合を含む詳細は、ウィジェットの埋め込みにあります。

次に埋め込み済み：見つかりましたか？をクリックします。アカウントがWebサイトにアクセスし、結果を表示します。

• 見つかりました – 問題ありません。
• 別のキー – 別のプロジェクトのスニペットがあります。
• 古い属性 – data-rc-site-keyではなく、data-rc-siteを使っています。
• スニペットなし – 確認したページにありません。
• 到達できませんまたは確認できません – ページが応答しないか、読み取れません。

見つからない場合は、主に4つの原因があります。登録とは別のドメインでサイトが動いている、1ページだけに設置している、Content Security Policyがスクリプトをブロックしている、同意バナーが止めている、というものです。再確認で、もう一度確認します。

ステップ3：最初のテストチャットを行う

• 訪問者としてサイトを開く – 新しいタブでサイトを開きます。そこでメッセージを書き、オペレーター画面で返信します。
• プレビューを見る – 実際のウィジェットに設定を反映して表示します。プレビューのメッセージはオペレーター画面に届きません。表示確認用です。
• オペレーター画面を開く – チームの作業画面です。

最初のテストとして、Webサイトで質問し、別のウィンドウでオペレーター画面を開いて返信してみてください。ページを移動・再読み込みしてもチャットが続く様子も確認できます。

ステップ4：最初の同僚を招待する

同僚を招待でチームのページに進みます。1人で利用する場合は、1人で利用するため、この手順をスキップをクリックします。

手順が不要になったら、この案内を表示しないで隠せます。再開で戻せます。

4. 設定の提案を適用する

同じページで、アカウントがWebサイトを確認し（今すぐWebサイトを確認）、メインカラー、ロゴ、言語、サイトの種類、受付時間、サイトのナレッジを読み込むかを提案できます。選んだものだけを適用します（選択した内容を適用または何も適用しない）。選択中は、デスクトップとモバイルのプレビューを表示します。

5. 次に設定する項目

4つのステップの下に、追加の項目が並びます。それぞれから該当箇所に直接移動でき、不要ならこれは不要ですで隠せます。

• Webサイトのナレッジ – AIアシスタントが回答できるよう、ページを読み込みます。ナレッジベースとヘルプセンター参照。
• AIアシスタント – 新しいプロジェクトでは無効です。AIアシスタント参照。
• 受付時間 – チームが対応できる時間。対応状況、折り返し電話、通知参照。
• ブランドとスタイル、ホーム画面、チャット開始前のフォーム – カスタマイズ参照。
• プライバシー – 同意、削除、保存期間。プライバシーとセキュリティ参照。
• マクロ – チーム用の定型返信。オペレーター画面参照。
• ヘルプセンター – 公開ヘルプ記事。
• 返信目標 – チームが何分以内の返信を目指すか。
• 連携 – Slack、Webhookなど。連携参照。
• 二要素認証 – アカウントを保護します。

6. 最初の実際の顧客の前に

プロジェクトページには、専用の最初の顧客を迎える前に確認カードがあります。4つの場所へ移動できます。

1. インストール – すべてのページにスニペットがあり、許可するオリジンにドメインが登録されていますか。
2. ナレッジの出典 – ページを読み込み、重要なファイルをアップロードしましたか。
3. テスト実行 – アシスタントはよくある質問に正しく答えますか。AIアシスタント参照。
4. セッション録画 – 利用する場合、接続を設定しましたか。

プライバシータブの設定と、自分のプライバシーポリシーのチャットに関する節も確認してください。自動で埋め込む方法は、プライバシーのテキストを自動で挿入するで説明しています。