設定ガイド
包括的な統合ガイドを使用して、AI Anywhereウィジェットをアプリケーションにシームレスに統合します。
9分で読めます
設定は、AI Anywhereをあなたのものにする場所です。各ヘルパーには、その動作と外観を定義する設定があります。
ヘルパー設定
ヘルパーを作成または編集する際に設定するもの:
- ヘルパー名: ヘルパーの説明的な名前(例:「コンタクトフォームヘルパー」、「サポートボット」)。これにより、ダッシュボードで識別しやすくなります。
- セレクター: テキストエリアをターゲットにするCSSセレクター(例:
#message,.comment-box). これはヘルパーがどこに添付するかを示します。ヘルパーが埋め込みまたは両方に設定されている場合は必須です。ヘルパーページのみの場合はオプションです。 - 要件とキーワード: ユーザー入力を分析する際にヘルパーが考慮すべきキーワードやフレーズ。これらはAIを導くのに役立ちます。
- ヘルパーアンサー: ユーザーに達成してほしい品質とスタイルを示すサンプルテキスト。ヘルパーはこれを使用してコンテキストを理解し、関連する提案を行います。
ヘルパーを設定するには、ダッシュボードに移動して新しいヘルパーを作成するか、既存のものを編集します。ここでセレクター、ヘルパーアンサー、その他すべてのヘルパー設定を設定できます。
ボタン設定
ヘルパーボタンはユーザーが見るもの、クリックするものです。カスタマイズ可能な項目:
- ボタンラベル: ボタンに表示されるテキスト(例:「ヘルパー」、「ヘルプを取得」、「AIアシスタント」)。ブランドの声に合った、明確で魅力的なものを選んでください。
ボタンラベルはユーザーが最初に目にするものの一つなので、ヘルパーの機能を明確に伝え、クリックを促すものを選んでください。
エージェント設定
エージェント設定は、ヘルパーがユーザーとどのようにコミュニケーションを取るかを制御します。設定項目:
- 言語: ヘルパーのインターフェースと言語の提案を選択します。オプションには、英語、スペイン語、フランス語、ドイツ語、中国語、日本語、アラビア語、ポルトガル語、ロシア語、ヒンディー語などがあります。
テーマ設定
テーマ設定は、ヘルパーの視覚的な外観を制御します:
- テーマカラー: ヘルパーボタンに使用される主要な色。カラーピッカーを使用して、ブランドに合った16進数の色を選択します(例:
#4B0082紫の場合)。 - テーマスタイル: プリセットされたテーマスタイルから選択します:デフォルト、ミニマル、モダン、クラシック、コーポレート、またはクリエイティブ。各テーマは、ヘルパーインターフェースに異なる視覚スタイルを持っています。
「カスタマイズ」をクリックすると、ボタンの外観、色、スタイルを微調整できる高度なテーマオプションにアクセスできます。詳細については、当社の テーマ & カスタマイズ ガイドをご覧ください。
設定ワークフローの例
ヘルパーの設定:
- ヘルパーを作成: ダッシュボードで新しいヘルパーを作成し、説明的な名前を付けます(例:「コンタクトフォームヘルパー」)。
- セレクターを設定: テキストエリアのCSSセレクターを入力します(例:
#messageまたは.contact-form textarea). - ボタンを設定: ラベルを「ヘルパー」に設定するか、ブランドに合わせてカスタマイズします。
- ボタンの色を設定: ブランドカラーを選択(例:
#4B0082紫の場合)。 - 言語を設定: 言語を選択(例:「英語」)。
- 理想的な例を追加: ユーザーに達成してほしい内容を示す高品質な例文を貼り付けてください。
- キーワードを追加(オプション): ヘルパーが考慮すべき関連キーワードを追加してください。
- スニペットをコピー: すべての設定が完了したら、「スニペットを生成」をクリックし、統合コードをコピーしてサイトに追加してください。
注意: すべての設定変更はヘルパーに保存されます。設定を更新すると、最新の設定でスニペットを再生成できます。コードを更新してページをリフレッシュすると、変更はライブサイトに即座に反映されます。