ナビゲーション

設定ガイド

包括的な統合ガイドを使用して、AI Anywhereウィジェットをアプリケーションにシームレスに統合します。

9分で読めます

設定は、AI Anywhereをあなたのものにする場所です。各ヘルパーには、その動作と外観を定義する設定があります。

ヘルパー設定

ヘルパーを作成または編集する際に設定するもの:

  • ヘルパー名: ヘルパーの説明的な名前(例:「コンタクトフォームヘルパー」、「サポートボット」)。これにより、ダッシュボードで識別しやすくなります。
  • セレクター: テキストエリアをターゲットにするCSSセレクター(例: #message, .comment-box). これはヘルパーがどこに添付するかを示します。ヘルパーが埋め込みまたは両方に設定されている場合は必須です。ヘルパーページのみの場合はオプションです。
  • 要件とキーワード: ユーザー入力を分析する際にヘルパーが考慮すべきキーワードやフレーズ。これらはAIを導くのに役立ちます。
  • ヘルパーアンサー: ユーザーに達成してほしい品質とスタイルを示すサンプルテキスト。ヘルパーはこれを使用してコンテキストを理解し、関連する提案を行います。

ヘルパーを設定するには、ダッシュボードに移動して新しいヘルパーを作成するか、既存のものを編集します。ここでセレクター、ヘルパーアンサー、その他すべてのヘルパー設定を設定できます。

ボタン設定

ヘルパーボタンはユーザーが見るもの、クリックするものです。カスタマイズ可能な項目:

  • ボタンラベル: ボタンに表示されるテキスト(例:「ヘルパー」、「ヘルプを取得」、「AIアシスタント」)。ブランドの声に合った、明確で魅力的なものを選んでください。

ボタンラベルはユーザーが最初に目にするものの一つなので、ヘルパーの機能を明確に伝え、クリックを促すものを選んでください。

エージェント設定

エージェント設定は、ヘルパーがユーザーとどのようにコミュニケーションを取るかを制御します。設定項目:

  • 言語: ヘルパーのインターフェースと言語の提案を選択します。オプションには、英語、スペイン語、フランス語、ドイツ語、中国語、日本語、アラビア語、ポルトガル語、ロシア語、ヒンディー語などがあります。

テーマ設定

テーマ設定は、ヘルパーの視覚的な外観を制御します:

  • テーマカラー: ヘルパーボタンに使用される主要な色。カラーピッカーを使用して、ブランドに合った16進数の色を選択します(例: #4B0082 紫の場合)。
  • テーマスタイル: プリセットされたテーマスタイルから選択します:デフォルト、ミニマル、モダン、クラシック、コーポレート、またはクリエイティブ。各テーマは、ヘルパーインターフェースに異なる視覚スタイルを持っています。

「カスタマイズ」をクリックすると、ボタンの外観、色、スタイルを微調整できる高度なテーマオプションにアクセスできます。詳細については、当社の テーマ & カスタマイズ ガイドをご覧ください。

設定ワークフローの例

ヘルパーの設定:

  1. ヘルパーを作成: ダッシュボードで新しいヘルパーを作成し、説明的な名前を付けます(例:「コンタクトフォームヘルパー」)。
  2. セレクターを設定: テキストエリアのCSSセレクターを入力します(例: #message または .contact-form textarea).
  3. ボタンを設定: ラベルを「ヘルパー」に設定するか、ブランドに合わせてカスタマイズします。
  4. ボタンの色を設定: ブランドカラーを選択(例: #4B0082 紫の場合)。
  5. 言語を設定: 言語を選択(例:「英語」)。
  6. 理想的な例を追加: ユーザーに達成してほしい内容を示す高品質な例文を貼り付けてください。
  7. キーワードを追加(オプション): ヘルパーが考慮すべき関連キーワードを追加してください。
  8. スニペットをコピー: すべての設定が完了したら、「スニペットを生成」をクリックし、統合コードをコピーしてサイトに追加してください。
注意: すべての設定変更はヘルパーに保存されます。設定を更新すると、最新の設定でスニペットを再生成できます。コードを更新してページをリフレッシュすると、変更はライブサイトに即座に反映されます。