> 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.

# GhostでElevenAgentsを使用

このチュートリアルでは、ElevenLabs AgentsのエージェントをGhostウェブサイトに追加する方法をご案内します。

## 前提条件

* [このガイド](/docs/ja/eleven-agents/quickstart)に従って作成したElevenLabs Agentsのエージェント
* Ghostウェブサイト（有料プランまたはセルフホスト）
* Ghost管理パネルへのアクセス

## ガイド

Ghostサイトにウィジェットを追加する方法は2つあります。

#### 埋め込みコードを取得

[ElevenLabsダッシュボード](https://elevenlabs.io/app/agents)にアクセスし、エージェントのHTMLウィジェットをコピーします。

```html
<elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai>
<script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script>
```

#### 実装方法を選択

**方法A：すべてのページに追加**

1. Ghost Admin＞Settings＞Code Injectionに移動します
2. コードをSite Footerに貼り付けます
3. 変更を保存します

**方法B：特定のページに追加**

1. 対象のページまたは投稿を編集します
2. ＋記号をクリックしてHTMLブロックを追加します
3. ステップ1で取得したエージェントのHTMLウィジェットをHTMLブロックに貼り付けます。agent-id属性が正しく設定されていることを確認してください。
4. 保存して公開します

#### インテグレーションをテスト

1. Ghostウェブサイトにアクセスします
2. ウィジェットが表示され、正しく動作することを確認します
3. さまざまなデバイスとブラウザでテストします

## トラブルシューティング

ウィジェットが表示されない場合は、以下を確認してください。

* コードがCode InjectionまたはHTMLブロックに正しく配置されている
* Ghostプランがカスタムコードに対応している
* 他のスクリプトとのJavaScript競合がない

## 次のステップ

ElevenLabsエージェントをGhostに追加したら、次のことができます。

1. ElevenLabsダッシュボードでウィジェットをブランドに合わせてカスタマイズする
2. 追加の言語を設定する
3. ツールやナレッジベースなどの高度な機能を追加する