AIチャットボットのカスタマイズ
ウィジェットの外観、動作、AI設定を構成します
ウィジェットの色
チャットウィジェットの配色をブランドに合わせてカスタマイズしましょう。すべての色はウィジェット設定で設定できます。
| 色の設定 | 説明 | デフォルト |
|---|---|---|
| ボタンの色 | メインのチャットウィジェットトリガーボタンと送信ボタンの色 | #6366f1 |
| ヘッダーの背景 | チャットヘッダーと入力エリアの背景色 | #f8fafc |
| テキストの色 | ヘッダーとボットメッセージのプライマリテキストカラー | #1f2937 |
| ユーザーメッセージ | 訪問者が送信したメッセージの背景色 | #6366f1 |
| ボットメッセージ | AIアシスタントの応答の背景色 | #e5e7eb |
| チャットの背景 | メインのチャットメッセージエリアの背景色 | #ffffff |
ヒント: 各色にはデフォルト値に戻すリセットボタンがあります。ユーザーとボットのメッセージに補色を使用すると、会話を追いやすくなります。
AIアシスタント名
チャットヘッダーに表示される名前をカスタマイズできます。訪問者がAIアシスタントの識別名として目にするものです。例：
- AIアシスタント（デフォルト）
- カスタマーサポート
- セールスアシスタント
- 会社名またはマスコット
初期メッセージ
訪問者がチャットウィジェットを初めて開いた時に表示されるあいさつメッセージです。このメッセージは会話のトーンを設定し、エンゲージメントを促します。最大200文字です。
例: "こんにちは！👋 本日はどのようなご用件でしょうか？製品やサービスについてお気軽にお問い合わせください。"
ウィジェットの位置
チャットウィジェットがウェブサイト上で表示される位置を制御します：
| 位置 | 説明 |
|---|---|
| 右下 | 標準位置、右下（推奨） |
| 左下 | 画面の左下 |
| カスタム | カスタムのX・Yオフセット（ピクセル単位）で微調整できます |
カスタムポジショニングでは、以下を設定できます：
- 配置側：右または左
- Xオフセット：端からの水平距離（0〜200px）
- Yオフセット：下端からの垂直距離（0〜400px）
自動トリガー
訪問者が一定時間ページに滞在した後にチャットを自動的に開いて、積極的にエンゲージメントを促します。このプロアクティブなアプローチにより、会話率を大幅に向上させることができます。
設定:
- 有効/無効：自動トリガー機能のオン・オフを切り替えます
- 遅延：トリガーまでの時間（秒単位）（1〜60秒）
- 表示モード：
- フルチャット + バブル：デスクトップではフルチャットを開き、モバイルでは通知バブルを表示します
- バブルのみ：デスクトップとモバイルの両方で通知バブルを表示します（より控えめ）
ヒント: 5〜10秒の遅延と「バブルのみ」モードから始めて、控えめな体験を提供しましょう。エンゲージメント率を監視して最適化してください。
通知バブル
チャットウィジェットボタンの横にフローティングメッセージバブルを表示して、訪問者の注目を集め、エンゲージメントを促します。
設定:
- 有効/無効：通知バブルのオン・オフを切り替えます
- バブルメッセージ：バブルに表示されるカスタムテキスト（最大100文字）
例: "Ask anything!", "Need help?", "Chat with us!", "Got questions? 👋"
未読バッジ
チャットボタンに未読メッセージを示す赤い通知バッジを表示します。この視覚的な手がかりにより、ウィジェットへの注目を集め、訪問者に未読メッセージがあることを示すことでエンゲージメント率を向上させます。
インストラクションモード
AIアシスタントが会話にどのように応答するかを制御します：
| モード | 説明 | 最適な用途 |
|---|---|---|
| ビジネス特化 | AIがトピックに集中し、ビジネス、製品、サービスに焦点を当てます。オフトピックの会話はビジネスの話題に戻します。 | ビジネス、Eコマース、SaaSに最適 |
| 一般的な会話 | AIが厳格なトピック制限なしに幅広い会話に対応します。より柔軟で会話的です。 | 教育、コミュニティサイト、ブログ |
質問を促す
有効にすると、AIがメッセージの最後に関連するフォローアップ質問をします。これにより：
- 訪問者のニーズをより深く理解できます
- 会話が自然に流れるようになります
- サポートに役立つ情報を収集できます
- エンゲージメントと会話の深さが向上します
絵文字を使用
有効にすると、AIが応答に親しみやすい絵文字を含め、会話をより温かく親しみやすいものにします。よりプロフェッショナルでフォーマルなトーンにしたい場合は無効にしてください。
メールアドレスの収集
有効にすると、チャット入力欄の上にオプションのメール入力フィールドが表示されます。収集されたメールアドレスはリードページで確認・エクスポートできます。
注意: メールアドレスと電話番号のフィールドはどちらもオプションです。訪問者はXボタンで非表示にできます。両方のオプションが有効な場合、フィールドは上下に重ねて表示されます。ローカライゼーションが有効な場合、プロンプトは自動的に翻訳されます。
ヒント: 訪問者がチャットメッセージに直接入力したメールアドレスや電話番号は自動的に検出され、リードページに保存されます。
電話番号の収集
有効にすると、国際国番号セレクター付きのオプションの電話番号入力フィールドがチャット入力欄の上に表示されます。電話番号はメールアドレスと共にリードページに保存されます。
デフォルトの国
デフォルトでは、国番号セレクターはブラウザの言語に基づいて訪問者の国を自動検出します。ドロップダウンから特定のデフォルトの国を選択してこれを上書きできます。例えば、ビジネスがオーストラリアに拠点を置いている場合は、オーストラリアを選択すると、すべての訪問者に自動検出に依存せずオーストラリアの国番号（+61）がデフォルトで表示されます。
注意: メールアドレスと電話番号のフィールドはどちらもオプションです。訪問者はXボタンで非表示にできます。両方のオプションが有効な場合、フィールドは上下に重ねて表示されます。ローカライゼーションが有効な場合、プロンプトは自動的に翻訳されます。
ヒント: 訪問者がチャットメッセージに直接入力したメールアドレスや電話番号は自動的に検出され、リードページに保存されます。
スマートリード獲得
有効にすると、AIが会話中に自然な形で訪問者に連絡先情報を尋ねます。表示される入力フィールドに頼る代わりに、AIがチャット内の自然なタイミングでメールアドレスや電話番号をリクエストします。
仕組み
AIは訪問者を支援したり質問に回答した後、丁寧に連絡先情報を尋ねます。一度だけ尋ね、訪問者が断った場合はその決定を尊重します。提供されたメールアドレスや電話番号は自動的に検出され、リードページに保存されます。
収集する情報
スマートリードキャプチャが有効な場合、AIが何を尋ねるかを選択できます：
- 任意の連絡先情報（デフォルト）- AIが連絡先情報を尋ね、訪問者がメールアドレスまたは電話番号を共有できるようにします
- メールアドレス - AIが訪問者のメールアドレスを具体的に尋ねます
- 電話番号 - AIが訪問者の電話番号を具体的に尋ねます
- メールアドレスと電話番号 - AIがメールアドレスと電話番号の両方を尋ねます
この設定はメールアドレス収集・電話番号収集の入力フィールドとは独立しています。表示される入力フィールドを有効にせずに、スマートリードキャプチャを単独で使用できます。
ヒント: スマートリードキャプチャは、表示されるメール/電話入力フィールドと併用したり、代替として使用したりできます。最大限のリード収集のために両方を使用するか、よりすっきりしたチャットインターフェースのためにスマートリードキャプチャのみを使用できます。
ローカライズ
ウィジェットインターフェースを訪問者のブラウザ言語に合わせて自動的に翻訳します。32言語をサポートしています：
翻訳される内容：
- AIアシスタント名：チャットヘッダーに表示される名前
- Initial Message: The greeting message when chat opens
- 通知バブルメッセージ：注目を集めるバブル内のテキスト
機能:
- 自動検出：ウィジェットが訪問者のブラウザ言語を自動的に検出します
- 翻訳の編集：各言語の翻訳を表示・カスタマイズできます
- 再生成：ワンクリックですべての翻訳を再生成します
ヒント: ローカライゼーションにより、海外のオーディエンスとのエンゲージメント率が大幅に向上します。AIも訪問者の検出された言語で応答します。
ブランディングの非表示
チャットウィジェットの下部から「Powered by Asyntai」テキストを削除して、完全なホワイトラベル体験を実現できます。シームレスなブランド統合を求める代理店や企業に最適です。
プライバシーリンク
チャットウィジェットのフッターに、「Powered by Asyntai」ブランディングの横にプライバシーポリシーへのリンクを表示します。これによりプライバシー規制への準拠と訪問者との信頼構築に役立ちます。
設定:
- Enable/Disable: Toggle the privacy link on or off
- リンクURL：プライバシーポリシーページのURL（例：https://yoursite.com/privacy）
- リンクテキスト：表示されるテキストをカスタマイズできます（デフォルト：「プライバシーポリシー」、最大20文字）。任意の言語に翻訳できます。
表示イメージ：
注意: 「ブランディングを非表示」が有効な場合（Proプラン）、フッターにはプライバシーリンクのみが表示されます。両方が無効の場合、フッターは完全に非表示になります。
カスタム通知文
チャット入力フィールドの上にカスタム通知を表示します。免責事項、同意通知、またはチャット前に訪問者に見てもらいたい重要な情報に最適です。
機能:
- Custom Text: Write any message up to 500 characters
- Markdownリンク：Markdown構文を使用したクリック可能なリンクをサポートします：
[リンクテキスト](https://url.com) - 非表示可能：訪問者はXボタンで通知を閉じることができます（設定は記憶されます）
- 新しいセッションでリセット：新しいチャットセッションが開始されると通知が再表示されます
使用例：
- "AIの応答は必ずしも正確ではない場合があります。重要な情報はご確認ください。"
- "このチャットを利用することにより、当社の[プライバシーポリシー](https://yoursite.com/privacy)および[利用規約](https://yoursite.com/terms)に同意したものとみなされます。"
表示イメージ：
ヒント: Markdownリンクを使用して、クリック可能なプライバシーポリシーや利用規約を含めることができます。例：[プライバシーポリシー](https://yoursite.com/privacy)
トランスクリプトのダウンロード
訪問者がチャットの会話を.txtファイルとしてダウンロードできるようにします。有効にすると、チャットヘッダーの3点メニューに「トランスクリプトをダウンロード」オプションが表示されます。
仕組み：
- 訪問者がチャットヘッダーの三点メニューアイコンをクリックします
- 「トランスクリプトをダウンロード」を選択して会話を保存してください
- The file includes all messages with timestamps and sender labels
新しい会話ボタン
訪問者がチャットメニューから新しい会話を開始できるようにします。有効にすると、チャットヘッダーの3点メニューに「新しい会話」オプションが表示されます。
仕組み：
- 訪問者がチャットヘッダーの三点メニューアイコンをクリックします
- 「新しい会話」を選択して現在のチャットをクリアしてください
- 新しいセッションIDが生成され、あいさつメッセージが表示されます
- Email, phone, and custom notice inputs are reset for the new session
会話履歴
訪問者がチャットメニューから過去の会話を閲覧・復元できるようにします。有効にすると、「新しい会話」と並んで3点メニューに「会話履歴」オプションが表示されます。
仕組み：
- 訪問者が「新しい会話」をクリックすると、現在のチャットは自動的にブラウザのローカルストレージにアーカイブされます
- 訪問者はメニューの「会話履歴」をクリックして過去の会話の一覧を表示できます
- 各エントリには最初のメッセージのプレビュー、相対時間、メッセージ数が表示されます
- 会話をクリックすると復元されます（現在のチャットが先にアーカイブされるため、何も失われません）
- ウィジェットごとに最大20件の過去の会話が保存されます
注意: 会話履歴を有効にすると、新しい会話ボタンも自動的に有効になります。訪問者が新しい会話を開始する際に会話がアーカイブされるためです。新しい会話を無効にすると、会話履歴も無効になります。
ヒント: 会話履歴は訪問者のブラウザ（localStorage）に保存されます。ブラウザデータを消去すると、履歴は失われます。ユーザーメッセージのない会話（あいさつのみ）はアーカイブされません。
タグラインとステータスドット
チャットウィジェットヘッダーに表示されるタグラインとステータスドットを制御します。デフォルトでは、AI名の下に緑色で「オンライン」テキストが表示され、AI名の横に緑色の点滅ドットが表示されます。
ステータスドット：
- オン/オフ切り替え：AI名の横にある緑色の点滅ステータスドットの表示/非表示を切り替えます
- デフォルト：有効 — チャットボットが利用可能であることを示すため、ドットはデフォルトで表示されます
タグライン:
- オン/オフ切り替え：AI名の下のタグラインの表示/非表示を切り替えます
- カスタムテキスト：デフォルトの「オンライン」テキストを最大30文字のカスタムタグラインテキストに置き換えます（例：「24時間対応」、「お手伝いいたします」）
- スマートカラーリング：デフォルトの「オンライン」テキストは緑色で表示されます。カスタムタグラインテキストは統一感のある外観のため、AI名と同じ色を自動的に使用します
注意: ステータスドットとタグラインは独立した設定です。どちらか一方、両方、またはどちらも有効にしないことができます。
音声テキスト変換
チャットウィジェットで音声入力を有効にして、訪問者がタイピングの代わりに音声でメッセージを送信できるようにします。音声はAIを使用してテキストに変換され、チャット入力フィールドに直接配置されます。
仕組み：
- マイクボタン：有効にすると、チャット入力エリアにマイクアイコンが表示されます
- 録音：マイクボタンをクリックすると、ビジュアルウェーブアニメーションとタイマー付きで録音が開始されます
- 文字起こし：AIを使用して音声が自動的にテキストに変換されます
- 自動停止：録音は60秒後に自動的に停止します
- キャンセル：送信せずにいつでも録音を破棄できます
文字起こし後：
音声メッセージが文字起こしされた後の動作を選択します：
- 入力フィールドに表示（デフォルト）：文字起こしされたテキストがチャット入力欄に表示され、訪問者が送信前に確認・編集できます
- 自動送信：文字起こしされたメッセージが、訪問者が送信ボタンを押すことなく即座に送信されます
これは音声テキスト変換設定の「文字起こし後」ドロップダウンで設定できます。
注意: 訪問者のブラウザは初回使用時にマイクの許可を求めます。許可が与えられない場合、音声入力は機能しません。
チャットアイコン
デフォルトのチャットウィジェットボタンアイコンを置き換えるカスタム画像をアップロードします。画像は正方形にトリミングされ、訪問者がクリックしてチャットを開くフローティングチャットボタンとして表示されます。
機能:
- カスタムブランディング：会社のロゴやブランドに合ったカスタムアイコンを使用できます
- 画像クロッパー：内蔵のクロッパーで画像のどの部分を使用するかを正確に選択できます
- 対応フォーマット：PNG、JPG、GIF、WebP
- 簡単な削除：いつでもカスタムアイコンを削除してデフォルトのチャットバブルに戻せます
ヒント: 最良の結果を得るには、小さいサイズ（70x70ピクセル）でも認識できるシンプルなデザインの正方形画像を使用してください。
会社ロゴ
AIアシスタント名の横のチャットヘッダーに表示される会社ロゴをアップロードします。チャットにより専門的でブランド感のある外観を与えます。
表示イメージ：
設定すると、チャットヘッダーに以下の順序で円形のロゴが表示されます：
- オンラインステータスドット：緑色の点滅インジケーター
- 会社ロゴ：アップロードした円形の画像
- アシスタント名：AI名、ステータスドット、「オンライン」タグライン
使用例：
- ブランド認知のために会社ロゴを表示します
- ブランドマスコットやアイコンを使用します
- AIアシスタントにプロフェッショナルな雰囲気を加えます
ヒント: 顔や認識しやすいアイコンが写った鮮明で高品質な画像を使用してください。画像は円形にトリミングされ、40x40ピクセルで表示されます。
会話スターター
チャットウィジェットの入力フィールドの上にクリック可能なプロンプト候補を追加します。訪問者はタイピングの代わりにこれらをクリックして素早く会話を開始できます。スターターはチャットが空の時のみ表示され、最初のメッセージが送信されると消えます。
仕組み：
- オン/オフ切り替え：カスタマイズページから会話スターターの有効/無効を切り替えます
- 最大4つのプロンプト：「スターターを編集」ボタンから最大4つの短いテキストプロンプト（各最大100文字）を追加できます
- クリック可能なチップ：スターターは入力フィールドの真上にピル型のボタンとして表示されます
- 自動送信：スターターをクリックすると、入力した場合と同様にユーザーメッセージとしてテキストが送信されます
- 空のチャットでのみ表示：スターターは会話が新しい状態の時のみ表示されます。既存のメッセージがある場合（チャット履歴があるページの再読み込み後など）は表示されません
- ダイナミックホバー：チップのホバー色がウィジェットボタンの色に合わせて変わります
使用例：
- 訪問者を一般的なトピックに案内します：「料金はいくらですか？」「始めるにはどうすればいいですか？」
- 何を聞いたらよいかわからない初めての訪問者の障壁を減らします
- AIアシスタントがサポートできる主要なサービスや機能をハイライトします
ヒント: スターターは短くアクション指向にしてください。質問はクリックがより自然に感じられるため、文よりも効果的です。
文字数制限
訪問者が1回のメッセージで送信できる最大文字数を設定します。スパムの防止と会話の集中に役立ちます。
仕組み：
- デフォルト制限：1メッセージあたり750文字
- 最小値：500文字
- 警告：訪問者が制限を超えると、入力フィールドの下に小さな赤い通知が表示されます
- 自動短縮：制限を超えたメッセージは送信前に設定された長さに自動的に短縮されます
おすすめ: 制限を750文字のまま維持することをお勧めします。高すぎる値に設定すると、過度に長いメッセージを許容することでスパムや悪用のリスクが高まる可能性があります。
Temperature
Temperatureは、AIの応答がどの程度クリエイティブまたは集中的かを制御します。返答を生成する際の言語モデルのランダム性を調整します。
仕組み：
- 範囲：0.0〜2.0
- デフォルト：0.7
- 低い値（0.0〜0.5）：より集中的で一貫性のある予測可能な応答になります。事実ベースのQ&A、サポート、技術的な質問に最適です。
- 中間の値（0.5〜1.0）：正確さとクリエイティビティのバランスの取れた組み合わせです。
- 高い値（1.0〜2.0）：より多様でクリエイティブな応答になります。ブレインストーミングや会話型チャットボットに最適です。
ヒント: 0では、同じ質問に対する回答は常にほぼ同じになります。値が高くなると、応答は毎回異なる場合があります。2.0に設定することはビジネスにはお勧めしません。ハルシネーションや不正確な回答の可能性が大幅に高まるためです。
ウィジェットのプレビュー
変更を公開する前に、シミュレーションボタンを使用してチャットウィジェットが異なるデバイスでどのように見え、動作するかをテストしてください。
ヒント: プレビューシミュレーションは、カスタム色、メッセージ、自動トリガー設定を含め、ウェブサイトに表示されるのとまったく同じ実際のウィジェットを読み込みます。
変更の保存
すべてのカスタマイズの変更は行うと自動的に保存されます。設定が正常に保存されると確認メッセージが表示されます。変更はウェブサイトで即座に反映されます。