> This is a page from the ElevenLabs documentation. For a complete page index, fetch https://elevenlabs.io/docs/llms.txt. For the full documentation in a single file, fetch https://elevenlabs.io/docs/llms-full.txt.

# 統合

「統合」セクションでは、Webウィジェット、モバイルアプリ、電話システム、カスタムインテグレーションを通じて、エージェントをユーザーにつなげるために必要なすべてを提供します。

![統合オプション](/docs/_fern-img/7375358c43ac5dd1a170937123f0874e01b3d8b6cf178c282805588a11d39593.webp)

### 接続とデプロイ

| 目的                 | ガイド                                                                                  | 説明                                            |
| ------------------ | ------------------------------------------------------------------------------------ | --------------------------------------------- |
| Reactコンポーネントで構築    | [ElevenLabs UI](https://ui.elevenlabs.io)                                            | オーディオ・エージェントアプリ向けの構築済みコンポーネントライブラリ（shadcnベース） |
| Webサイトにウィジェットを埋め込む | [ウィジェット](/docs/ja/eleven-agents/customization/widget)                                | カスタマイズ可能なWebウィジェットを任意のWebサイトに追加               |
| React Webアプリを構築    | [React SDK](/docs/ja/eleven-agents/libraries/react)                                  | 音声対応のReactフックとコンポーネント                         |
| iOSアプリを構築          | [Swift SDK](/docs/ja/eleven-agents/libraries/swift)                                  | 音声エージェント向けネイティブiOS SDK                        |
| Androidアプリを構築      | [Kotlin SDK](/docs/ja/eleven-agents/libraries/kotlin)                                | 音声エージェント向けネイティブAndroid SDK                    |
| React Nativeアプリを構築 | [React Native SDK](/docs/ja/eleven-agents/libraries/react-native)                    | React NativeによるクロスプラットフォームのiOS・Android開発      |
| SIPトランク経由で接続       | [SIPトランク](/docs/ja/eleven-agents/phone-numbers/sip-trunking)                         | 既存の電話インフラと統合                                  |
| 一括発信を行う            | [一括通話](/docs/ja/eleven-agents/phone-numbers/batch-calls)                             | 複数の通話をプログラムからトリガー                             |
| Twilioインテグレーションを使用 | [Twilio](/docs/ja/eleven-agents/phone-numbers/twilio-integration/native-integration) | 電話通話向けのネイティブTwilioインテグレーション                   |
| カスタムインテグレーションを構築   | [WebSocket API](/docs/ja/eleven-agents/libraries/web-sockets)                        | カスタム実装向けの低レベルWebSocketプロトコル                   |
| リアルタイムイベントを受信      | [イベント](/docs/ja/eleven-agents/customization/events)                                  | 会話イベントと更新を購読                                  |

## デモ

これは[ElevenLabs UI](https://ui.elevenlabs.io/blocks#voice-chat-01)のNext.jsコンポーネントです。ソースコードを確認して、アプリケーションに統合してください。

## 次のステップ

#### [ウィジェット](/docs/ja/eleven-agents/customization/widget)

サイトにWebウィジェットを追加

#### [React SDK](/docs/ja/eleven-agents/libraries/react)

Reactコンポーネントで構築

#### [Twilio](/docs/ja/eleven-agents/phone-numbers/twilio-integration/native-integration)

電話でデプロイ

#### [WebSocket API](/docs/ja/eleven-agents/libraries/web-sockets)

カスタムインテグレーションを構築

#### [ElevenLabs UI](https://ui.elevenlabs.io)

事前構築済みのReactコンポーネント