ガイドノーコード

GhostでElevenAgentsを使用

ElevenLabsエージェントをGhostにデプロイする方法

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

前提条件

  • このガイドに従って作成したElevenLabs Agentsのエージェント
  • Ghostウェブサイト（有料プランまたはセルフホスト）
  • Ghost管理パネルへのアクセス

ガイド

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

1

埋め込みコードを取得

ElevenLabsダッシュボードにアクセスし、エージェントのHTMLウィジェットをコピーします。

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

実装方法を選択

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

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

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

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

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

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

トラブルシューティング

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

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

次のステップ

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

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