AIチャットボットのカスタマイズ

ウィジェットのスタイル

従来のチャットバブルに加えて、ウィジェットは Ask AI バーとしても動作します。ページ下部中央の入力フィールドで、訪問者が入力を始めた瞬間にフルスクリーンの会話へと展開します。このページのすべての設定が適用され、ドキュメントなど特定のページに限定することもできます。

Switch styles under Widget Style in Widget Settings, and see the Ask AI Bar guide for details.

チャットボタンのデザイン

チャットバブルだけがボタンの形ではありません。15 種類のデザインがあります。Chat Bubble、Pill、Reveal、明るい版と暗い版の Ghost、Edge tab、Card、Dock、Orb、Split、Typewriter、Overhang、Wordmark、Quiet link、Ask AI Bar です。いずれもお客様の色、アイコン、設定をそのまま使います。

Open More designs under Widget Style in Widget Settings, or go straight to the chat button designs. Press Try it on any design to see it full screen on a page, running your real widget, then press Choose it to keep it.

Chat Bubble、Ghost、Orb、Wordmark、Quiet link はすべてのプランで使えます。Pill、Reveal、Edge tab、Dock は Starter が必要です。Card、Split、Overhang、Typewriter は Standard が必要です。Ask AI Bar は Pro が必要です。プランは各デザインに表示され、上位プランのデザインも決める前に試せます。

どのデザインもスマートフォンの角に収まります。場所を最も必要とする 3 つは、そこで少しだけ譲ります。Typewriter は文字を打つのをやめ、Split は検索側を隠し、Card は 2 行目を省きます。ウィジェットが左側にある場合は、どのデザインも左右反転します。

スマートフォンだけ別のデザインにもできます。デザインの上にある Choosing for を Desktop から Phone に切り替えて、2つ目を選んでください。スマートフォンはそのデザインになり、パソコンは最初のままです。両方を1つのデザインに戻すには Use the desktop design on phones を押します。選ぶまではスマートフォンもパソコンのデザインに従うので、それまでは何も変わりません。

チャットボタンのアイコン

同じページの色の行の隣に、組み込みのマークが 4 つあります。塗りつぶしのチャットバブル、線のバブル、きらめき、そしてあなたのイニシャルです。選んだマークは、クラシックなバブルを含むすべてのデザインで使われます。

独自のチャットアイコンをアップロードすると、そちらが使われ、組み込みのマークはオフになります。画像は切り取らずに円の中に収めるので、欠けることはありません。

ウィジェットの色

Customize the color scheme of your chat widget to match your brand. All colors can be configured in the Widget Settings.

AIアシスタント名

チャットヘッダーに表示される名前をカスタマイズできます。訪問者がAIアシスタントの識別名として目にするものです。例：

• AIアシスタント（デフォルト）
• カスタマーサポート
• セールスアシスタント
• 会社名またはマスコット

初期メッセージ

訪問者がチャットウィジェットを初めて開いた時に表示されるあいさつメッセージです。このメッセージは会話のトーンを設定し、エンゲージメントを促します。最大200文字です。

ウィジェットの位置

チャットウィジェットがウェブサイト上で表示される位置を制御します：

カスタムポジショニングでは、以下を設定できます：

• 配置側：右または左
• Xオフセット：端からの水平距離（0〜200px）
• Yオフセット：下端からの垂直距離（0〜400px）

自動トリガー

訪問者が一定時間ページに滞在した後にチャットを自動的に開いて、積極的にエンゲージメントを促します。このプロアクティブなアプローチにより、会話率を大幅に向上させることができます。

設定:

• 有効/無効：自動トリガー機能のオン・オフを切り替えます
• 遅延：トリガーまでの時間（秒単位）（1〜60秒）
• 表示モード：
  • フルチャット + バブル：デスクトップではフルチャットを開き、モバイルでは通知バブルを表示します
  • バブルのみ：デスクトップとモバイルの両方で通知バブルを表示します（より控えめ）

ボタン入力フィールド

チャットボタンの上にプレースホルダーテキスト付きの入力フィールドを表示します。訪問者がクリックすると、チャットが開き入力フィールドにフォーカスされるため、すぐに入力を開始できます。

設定:

• 有効/無効： トリガー入力フィールドの切り替え

挨拶バブル

チャットウィジェットボタンの横にフローティングメッセージバブルを表示して、訪問者の注目を集め、エンゲージメントを促します。

設定:

• 有効/無効：通知バブルのオン・オフを切り替えます
• バブルメッセージ：バブルに表示されるカスタムテキスト（最大100文字）

未読バッジ

チャットボタンに未読メッセージを示す赤い通知バッジを表示します。この視覚的な手がかりにより、ウィジェットへの注目を集め、訪問者に未読メッセージがあることを示すことでエンゲージメント率を向上させます。

インストラクションモード

AIアシスタントが会話にどのように応答するかを制御します：

質問を促す

有効にすると、AIがメッセージの最後に関連するフォローアップ質問をします。これにより：

• 訪問者のニーズをより深く理解できます
• 会話が自然に流れるようになります
• サポートに役立つ情報を収集できます
• エンゲージメントと会話の深さが向上します

絵文字を使用

有効にすると、AIが応答に親しみやすい絵文字を含め、会話をより温かく親しみやすいものにします。よりプロフェッショナルでフォーマルなトーンにしたい場合は無効にしてください。

メールアドレスの収集

When enabled, an optional email input field appears above the chat input. Collected emails appear on your Leads page where you can view and export them.

電話番号の収集

When enabled, an optional phone input field with international country code selector appears above the chat input. Phone numbers are saved to your Leads page alongside emails.

デフォルトの国

デフォルトでは、国番号セレクターはブラウザの言語に基づいて訪問者の国を自動検出します。ドロップダウンから特定のデフォルトの国を選択してこれを上書きできます。例えば、ビジネスがオーストラリアに拠点を置いている場合は、オーストラリアを選択すると、すべての訪問者に自動検出に依存せずオーストラリアの国番号（+61）がデフォルトで表示されます。

スマートリード獲得

有効にすると、AIが会話中に自然な形で訪問者に連絡先情報を尋ねます。表示される入力フィールドに頼る代わりに、AIがチャット内の自然なタイミングでメールアドレスや電話番号をリクエストします。

仕組み

The AI waits until it has helped the visitor or answered their question, then politely asks for contact details. It asks only once and respects the visitor's decision if they decline. Any email or phone number provided is automatically detected and saved to your Leads page.

収集する情報

スマートリードキャプチャが有効な場合、AIが何を尋ねるかを選択できます：

• 任意の連絡先情報（デフォルト）- AIが連絡先情報を尋ね、訪問者がメールアドレスまたは電話番号を共有できるようにします
• メールアドレス - AIが訪問者のメールアドレスを具体的に尋ねます
• 電話番号 - AIが訪問者の電話番号を具体的に尋ねます
• メールアドレスと電話番号 - AIがメールアドレスと電話番号の両方を尋ねます

この設定はメールアドレス収集・電話番号収集の入力フィールドとは独立しています。表示される入力フィールドを有効にせずに、スマートリードキャプチャを単独で使用できます。

ローカライズ

ウィジェットインターフェースを訪問者のブラウザ言語に合わせて自動的に翻訳します。32言語をサポートしています：

翻訳される内容：

• AIアシスタント名：チャットヘッダーに表示される名前
• 初期メッセージ：チャットが開いた時の挨拶メッセージ
• 挨拶バブルメッセージ: 注目を集めるバブル内のテキスト

機能:

• 自動検出：ウィジェットが訪問者のブラウザ言語を自動的に検出します
• 翻訳の編集：各言語の翻訳を表示・カスタマイズできます
• 再生成：ワンクリックですべての翻訳を再生成します

ブランディングの非表示

チャットウィジェットの下部から「Powered by Asyntai」テキストを削除して、完全なホワイトラベル体験を実現できます。シームレスなブランド統合を求める代理店や企業に最適です。

プライバシーリンク

チャットウィジェットのフッターに、「Powered by Asyntai」ブランディングの横にプライバシーポリシーへのリンクを表示します。これによりプライバシー規制への準拠と訪問者との信頼構築に役立ちます。

設定:

• 有効/無効：プライバシーリンクのオン・オフを切り替えます
• リンクURL：プライバシーポリシーページのURL（例：https://yoursite.com/privacy）
• リンクテキスト：表示されるテキストをカスタマイズできます（デフォルト：「プライバシーポリシー」、最大20文字）。任意の言語に翻訳できます。

表示イメージ：

カスタム通知文

チャット入力フィールドの上にカスタム通知を表示します。免責事項、同意通知、またはチャット前に訪問者に見てもらいたい重要な情報に最適です。

機能:

• カスタムテキスト：500文字以内でメッセージを入力してください
• Markdownリンク：Markdown構文を使用したクリック可能なリンクをサポートします：[リンクテキスト](https://url.com)
• 非表示可能：訪問者はXボタンで通知を閉じることができます（設定は記憶されます）
• 新しいセッションでリセット：新しいチャットセッションが開始されると通知が再表示されます

使用例：

• "AIの応答は必ずしも正確ではない場合があります。重要な情報はご確認ください。"
• "このチャットを利用することにより、当社の[プライバシーポリシー](https://yoursite.com/privacy)および[利用規約](https://yoursite.com/terms)に同意したものとみなされます。"

表示イメージ：

トランスクリプトのダウンロード

訪問者がチャットの会話を.txtファイルとしてダウンロードできるようにします。有効にすると、チャットヘッダーの3点メニューに「トランスクリプトをダウンロード」オプションが表示されます。

仕組み：

• 訪問者がチャットヘッダーの三点メニューアイコンをクリックします
• 「トランスクリプトをダウンロード」を選択して会話を保存してください
• ファイルにはタイムスタンプと送信者ラベル付きのすべてのメッセージが含まれます

新しい会話ボタン

訪問者がチャットメニューから新しい会話を開始できるようにします。有効にすると、チャットヘッダーの3点メニューに「新しい会話」オプションが表示されます。

仕組み：

• 訪問者がチャットヘッダーの三点メニューアイコンをクリックします
• 「新しい会話」を選択して現在のチャットをクリアしてください
• 新しいセッションIDが生成され、あいさつメッセージが表示されます
• メール、電話番号、カスタム通知の入力は新しいセッションでリセットされます

会話履歴

訪問者がチャットメニューから過去の会話を閲覧・復元できるようにします。有効にすると、「新しい会話」と並んで3点メニューに「会話履歴」オプションが表示されます。

仕組み：

• 訪問者が「新しい会話」をクリックすると、現在のチャットは自動的にブラウザのローカルストレージにアーカイブされます
• 訪問者はメニューの「会話履歴」をクリックして過去の会話の一覧を表示できます
• 各エントリには最初のメッセージのプレビュー、相対時間、メッセージ数が表示されます
• 会話をクリックすると復元されます（現在のチャットが先にアーカイブされるため、何も失われません）
• ウィジェットごとに最大20件の過去の会話が保存されます

タグラインとステータスドット

チャットウィジェットヘッダーに表示されるタグラインとステータスドットを制御します。デフォルトでは、AI名の下に緑色で「オンライン」テキストが表示され、AI名の横に緑色の点滅ドットが表示されます。

ステータスドット：

• オン/オフ切り替え：AI名の横にある緑色の点滅ステータスドットの表示/非表示を切り替えます
• デフォルト：有効 — チャットボットが利用可能であることを示すため、ドットはデフォルトで表示されます

タグライン:

• オン/オフ切り替え：AI名の下のタグラインの表示/非表示を切り替えます
• カスタムテキスト：デフォルトの「オンライン」テキストを最大30文字のカスタムタグラインテキストに置き換えます（例：「24時間対応」、「お手伝いいたします」）
• スマートカラーリング：デフォルトの「オンライン」テキストは緑色で表示されます。カスタムタグラインテキストは統一感のある外観のため、AI名と同じ色を自動的に使用します

音声テキスト変換

チャットウィジェットで音声入力を有効にして、訪問者がタイピングの代わりに音声でメッセージを送信できるようにします。音声はAIを使用してテキストに変換され、チャット入力フィールドに直接配置されます。

仕組み：

• マイクボタン：有効にすると、チャット入力エリアにマイクアイコンが表示されます
• 録音：マイクボタンをクリックすると、ビジュアルウェーブアニメーションとタイマー付きで録音が開始されます
• 文字起こし：AIを使用して音声が自動的にテキストに変換されます
• 自動停止：録音は60秒後に自動的に停止します
• キャンセル：送信せずにいつでも録音を破棄できます

文字起こし後：

音声メッセージが文字起こしされた後の動作を選択します：

• 入力フィールドに表示（デフォルト）：文字起こしされたテキストがチャット入力欄に表示され、訪問者が送信前に確認・編集できます
• 自動送信：文字起こしされたメッセージが、訪問者が送信ボタンを押すことなく即座に送信されます

これは音声テキスト変換設定の「文字起こし後」ドロップダウンで設定できます。

チャットアイコン

デフォルトのチャットウィジェットボタンアイコンを置き換えるカスタム画像をアップロードします。画像は正方形にトリミングされ、訪問者がクリックしてチャットを開くフローティングチャットボタンとして表示されます。

機能:

• カスタムブランディング：会社のロゴやブランドに合ったカスタムアイコンを使用できます
• 画像クロッパー：内蔵のクロッパーで画像のどの部分を使用するかを正確に選択できます
• 対応フォーマット：PNG、JPG、GIF、WebP
• 簡単な削除：いつでもカスタムアイコンを削除してデフォルトのチャットバブルに戻せます

会社ロゴ

AIアシスタント名の横のチャットヘッダーに表示される会社ロゴをアップロードします。チャットにより専門的でブランド感のある外観を与えます。

表示イメージ：

設定すると、チャットヘッダーに以下の順序で円形のロゴが表示されます：

• オンラインステータスドット：緑色の点滅インジケーター
• 会社ロゴ：アップロードした円形の画像
• アシスタント名：AI名、ステータスドット、「オンライン」タグライン

使用例：

• ブランド認知のために会社ロゴを表示します
• ブランドマスコットやアイコンを使用します
• AIアシスタントにプロフェッショナルな雰囲気を加えます

会話スターター

チャットウィジェットの入力フィールドの上にクリック可能なプロンプト候補を追加します。訪問者はタイピングの代わりにこれらをクリックして素早く会話を開始できます。スターターはチャットが空の時のみ表示され、最初のメッセージが送信されると消えます。

仕組み：

• オン/オフ切り替え：カスタマイズページから会話スターターの有効/無効を切り替えます
• 最大4つのプロンプト：「スターターを編集」ボタンから最大4つの短いテキストプロンプト（各最大100文字）を追加できます
• クリック可能なチップ：スターターは入力フィールドの真上にピル型のボタンとして表示されます
• 自動送信：スターターをクリックすると、入力した場合と同様にユーザーメッセージとしてテキストが送信されます
• 空のチャットでのみ表示：スターターは会話が新しい状態の時のみ表示されます。既存のメッセージがある場合（チャット履歴があるページの再読み込み後など）は表示されません
• ダイナミックホバー：チップのホバー色がウィジェットボタンの色に合わせて変わります

使用例：

• 訪問者を一般的なトピックに案内します：「料金はいくらですか？」「始めるにはどうすればいいですか？」
• 何を聞いたらよいかわからない初めての訪問者の障壁を減らします
• AIアシスタントがサポートできる主要なサービスや機能をハイライトします

文字数制限

訪問者が1回のメッセージで送信できる最大文字数を設定します。スパムの防止と会話の集中に役立ちます。

仕組み：

• デフォルト制限：1メッセージあたり750文字
• 最小値：500文字
• 最大値：上限なし — 任意の値を設定できます
• 警告：訪問者が制限を超えると、入力フィールドの下に小さな赤い通知が表示されます
• 自動短縮：制限を超えたメッセージは送信前に設定された長さに自動的に短縮されます

Temperature

Temperatureは、AIの応答がどの程度クリエイティブまたは集中的かを制御します。返答を生成する際の言語モデルのランダム性を調整します。

仕組み：

• 範囲：0.0〜2.0
• デフォルト：0.7
• 低い値（0.0〜0.5）：より集中的で一貫性のある予測可能な応答になります。事実ベースのQ&A、サポート、技術的な質問に最適です。
• 中間の値（0.5〜1.0）：正確さとクリエイティビティのバランスの取れた組み合わせです。
• 高い値（1.0〜2.0）：より多様でクリエイティブな応答になります。ブレインストーミングや会話型チャットボットに最適です。

ウィジェットのプレビュー

変更を公開する前に、シミュレーションボタンを使用してチャットウィジェットが異なるデバイスでどのように見え、動作するかをテストしてください。

変更の保存

すべてのカスタマイズの変更は行うと自動的に保存されます。設定が正常に保存されると確認メッセージが表示されます。変更はウェブサイトで即座に反映されます。