Docusaurusとの統合

FormAgent.aiをDocusaurusサイトに統合する方法をご説明します。この統合により、Docusaurusサイトの訪問者に対してAIアシスタントを提供することができます。

前提条件

• Docusaurusプロジェクトが設定済みであること
• FormAgent.aiのアカウントをお持ちであること
• Agent IDを取得済みであること

統合手順

1. docusaurus.config.jsの設定

docusaurus.config.jsファイルを開き、以下のようにscriptsセクションを追加または編集します：

const config = {
  title: 'Your Site',
  
  scripts: [
    {
      id: 'formagent-script',
      src: 'https://formagent.ai/embed.js',
      async: true,
      defer: true,
      'data-agent-id': 'YOUR_AGENT_ID', // FormAgent.aiから取得したAgent ID
    },
  ],
  
  // その他の設定
  presets: [
    // ...
  ],
};

module.exports = config;

2. 設定の説明

パラメータ	説明
id	スクリプトの一意の識別子
src	FormAgent.aiの埋め込みスクリプトのURL
async	スクリプトの非同期読み込みを有効化
defer	スクリプトの遅延読み込みを有効化
data-agent-id	FormAgent.aiから取得したAgent ID

動作確認

1. 設定を保存後、Docusaurusサイトを再ビルドします：

npm run build

2. 開発サーバーを起動して確認：

npm run start

3. ブラウザでサイトを開き、FormAgent.aiのチャットウィジェットが表示されることを確認します。

トラブルシューティング

チャットウィジェットが表示されない場合

1. ブラウザのコンソールでエラーメッセージを確認
2. Agent IDが正しく設定されているか確認
3. ネットワークタブでembed.jsが正しく読み込まれているか確認

サポート

問題が解決しない場合は、以下の方法でサポートを受けることができます：

• メール: [email protected]
• チャット: ダッシュボード内のチャットサポート
• ドキュメント: FormAgent.ai ドキュメント

関連リンク

• Docusaurus公式ドキュメント