Iframes eröffnen eine völlig neue Palette von Anwendungsfällen für Eagle Agenten und ermöglichen eine nahtlose Integration in verschiedene Plattformen und Webseiten. Diese Methode bietet Flexibilität und reduziert potenzielle Konflikte mit vorhandenen Skripten oder Stylesheets.

​
Warum iframes verwenden?

Vielseitigkeit

Integrieren Sie Ihren Agenten einfach in verschiedene Plattformen und Webseiten.

Konfliktvermeidung

Minimieren Sie potenzielle Konflikte mit vorhandenen Skripten oder Stylesheets.

Anpassung

Passen Sie das Erscheinungsbild und Verhalten des Agenten an spezifische Anwendungsfälle an.

Einfaches Teilen

Stellen Sie Ihren Agenten schnell über URL oder Einbettungscode bereit.

​
Beliebte Anwendungsfälle

​
Implementierungsleitfaden

Um Ihren Eagle Agenten mit einem iframe zu integrieren, befolgen Sie diese Schritte:
1

Iframe-URL Ihres Agenten abrufen

  1. Melden Sie sich bei Ihrem Eagle Dashboard an
  2. Navigieren Sie zu Ihrem Agenten und klicken Sie oben rechts auf Deploy
  3. Kopieren Sie den iframe-Codeschnipsel unter iframe
2

Integrationsmethode wählen

Entscheiden Sie, wo und wie Sie Ihren Agenten einbetten möchten (z.B. Webseite, Plattform, teilbarer Link).
3

Iframe-Code hinzufügen

Fügen Sie den iframe-Code an Ihrem gewählten Ort ein. Hier ist ein einfaches Beispiel:
<iframe
  src="https://eagleagentss.ai/app/eu/render/YOUR_AGENT_ID/iframe"
  style="width: 100%; height: 600px;"
  frameborder="0">
</iframe>
Ersetzen Sie YOUR_AGENT_ID durch Ihre tatsächliche Eagle Agent ID.
4

Erscheinungsbild anpassen

Passen Sie die width, height und andere Attribute des iframes an Ihren spezifischen Anwendungsfall an.Wir empfehlen, den border radius auf den gleichen Wert wie bei Ihrem Agenten zu setzen, da dies für einen einheitlicheren Stil sorgt.
<iframe
  src="https://eagleagents.ai/app/eu/render/YOUR_AGENT_ID/iframe"
  width="550" height="650" style={{borderRadius: '1.2rem' }}
  frameborder="0">
</iframe>

​
Erweiterte Integrationsideen

Responsives Design

Verwenden Sie CSS Media Queries, um die Grösse des iframes basierend auf den Bildschirmabmessungen anzupassen und so ein gutes Erlebnis auf allen Geräten zu gewährleisten.

Modal-Integration

Implementieren Sie den iframe in einem Modal für ein Pop-up-Erlebnis, das keinen dauerhaften Bildschirmplatz benötigt.

Multi-Agenten-Dashboard

Erstellen Sie ein Dashboard mit mehreren iframes, wobei jeder einen anderen spezialisierten Agenten darstellt.

Interaktive Produktseiten

Betten Sie Agenten-iframes auf Produktseiten ein, um sofortige, KI-gestützte Produktinformationen und Support zu bieten.

​
Best Practices

  • Stellen Sie sicher, dass die Antworten Ihres Agenten auf den Kontext zugeschnitten sind, in dem der iframe verwendet wird.
  • Aktualisieren Sie regelmässig die Wissensbasis Ihres Agenten, um die Informationen aktuell zu halten.
  • Überwachen Sie die Benutzerinteraktionen, um die Leistung Ihres Agenten kontinuierlich zu verbessern.
  • Erwägen Sie die Implementierung eines Feedback-Mechanismus innerhalb des iframes, um Benutzereingaben zu sammeln.

​
Fazit

Die iframe-Integration eröffnet eine Welt voller Möglichkeiten für Eagle Agenten. Durch kreatives Denken und die Nutzung der Flexibilität von iframes können Sie einzigartige, ansprechende und hochfunktionale KI-gestützte Erlebnisse über verschiedene Plattformen und Anwendungsfälle hinweg schaffen.