Zum Hauptinhalt springen
Docusaurus-Docs-Support

Fügen Sie einen KI-Chatbot mit Quellenangaben zu Ihrer Docusaurus-Dokumentation hinzu

Ein Docusaurus-KI-Chatbot für technische Autoren, DevRel und Support-Teams. ChattyBox crawlt Ihre Docusaurus-Dokumentation, beantwortet Fragen wie „Wie konfiguriere ich Versionierung?“ aus diesen Seiten und zitiert die verwendete Quelle. Kein benutzerdefiniertes RAG und keine Migration.

Crawlt veröffentlichte DokumentseitenQuellenzitierte AntwortenEinbettung mit einem SkriptKeine Dokumentenmigration erforderlichKeine Kreditkarte erforderlichIhre Inhalte bleiben Ihre Inhalte
Melden Sie sich an, um unseren Free-Tarif zu testen

Evaluieren Sie ChattyBox für eine Organisation? Kontaktieren Sie den Support und besprechen Sie einen Testzeitraum für einen umfangreicheren Tarif.

ChattyBox fragen
x
Wo sollte ich anfangen, wenn ich eine verlässliche Antwort von dieser Website brauche?
Fügen Sie zunächst Ihre Website-URL zu ChattyBox hinzu. Es crawlt Ihre Inhalte, beantwortet Fragen anhand der gefundenen Seiten und zeigt Besuchern die Quellen hinter jeder Antwort.
iQuellen3^
Docusaurus Leitfaden
chattybox.ai
Analysen
chattybox.ai
Startseite
chattybox.ai
Eine Frage stellen...
Bereitgestellt von ChattyBox
Selbstbedienungseinrichtung

Kein Verkaufsgespräch erforderlich

Bei einigen KI-Support-Tools müssen Sie eine Demo buchen, bevor Sie das Produkt überhaupt testen können. ChattyBox ist eine Selbstbedienungslösung: Fügen Sie Ihre Website hinzu, crawlen Sie Ihre Dokumente, testen Sie den Chatbot und betten Sie ihn ein, wenn Sie bereit sind.

Traditionelle KI-Unterstützungstools

  • Buchen Sie eine Demo
  • Preisgestaltung versteckt oder verkaufsorientiert
  • Unternehmensorientiert
  • Zuerst Verkaufsgespräch

Selbstbedienungseinrichtung

ChattyBox

  • Beginnen Sie sofort
  • Öffentliche Preisgestaltung
  • Entwickelt für Dokumentenseiten, kleine Teams, OSS und SaaS
  • Testen Sie es zunächst selbst
Entwickelt für Docusaurus-Teams

Starten Sie einen quellenbelegten Chatbot, ohne Ihren Website-Stack neu aufzubauen

ChattyBox crawlt Ihre bestehende Website, Dokumentation, Ihr Help Center, CMS oder Ihre Wissensdatenbank und bettet anschließend einen Chatbot ein, der aus Ihren eigenen veröffentlichten Inhalten statt aus dem allgemeinen Modellgedächtnis antwortet.

Ein Root-Wrapper von Docusaurus 3 lädt das Widget einmalig für die Lebensdauer der Clientanwendung.
Der Crawl-Umfang kann aktuellen, versionierten, lokalisierten oder bewusst gefilterten Dokumentationsrouten folgen.
Quellenangaben führen Lesende zur belegenden Docusaurus-Seite zurück und behalten deren Versions- und Sprachpfad bei.
Das reproduzierbare Beispiel deckt die Vermeidung von Duplikaten, Clientnavigation, CSP und die Prüfung auf Routenebene ab.
1Workflow-Schritt

Wählen Sie die produktive Docusaurus-Sitemap oder eine gezielt zusammengestellte Menge aktueller, versionierter und lokalisierter Dokumentationsrouten.

2Workflow-Schritt

Crawlen Sie die ausgewählten Routen und testen Sie Fragen anschließend mit genau der Version und Sprache, die Ihre Besuchenden verwenden.

3Workflow-Schritt

Installieren Sie einen dauerhaften Loader in src/theme/Root.tsx und erlauben Sie dessen Skript- und API-Ursprünge in Ihrer Content Security Policy.

4Workflow-Schritt

Navigieren Sie ohne Neuladen zwischen Dokumentationsseiten und prüfen Sie, dass genau eine Widget-Instanz vorhanden ist, Quellenangaben funktionieren und keine Konsolen- oder CSP-Fehler auftreten.

Dreistufiger Start

Fügen Sie Ihre Docusaurus-URL ein, testen Sie die zitierten Antworten und installieren Sie dann das Widget.

Geprüfte redaktionelle Nachweise

Eine getestete Docusaurus-3-Integration statt eines Skripts auf Routenebene

Docusaurus rendert eine dauerhafte React-Anwendung um clientseitige Routenwechsel. Der getestete Root-Wrapper erstellt daher genau einen Loader, erkennt spätere Einbindungen anhand der ID und belässt den Loader an Ort und Stelle, statt bei erneuten Einbindungen während der Entwicklung ein noch aktives Widget zu entfernen.

Technische Autorin oder technischer Autor
ChattyBox-Dokumentationsteam
Technische Prüfung
ChattyBox-Entwicklung
Zuletzt aktualisiert
Informationen geprüft
Docusaurus 3.10 und aktuelles ChattyBox-Widget

Prüfen Sie nach einem Hauptversionsupgrade von Docusaurus oder einer Änderung des Widget-Endpunkts den Root-Lebenszyklus, die Sitemap-Ausgabe und die CSP-Ursprünge erneut.

Docusaurus-Root-Komponente, die nach der Clientnavigation ein doppeltes ChattyBox-Skript verhindert
Ursprüngliche Installationsreferenz: Der Loader besitzt eine stabile ID, lädt asynchron und bleibt vorhanden, während Docusaurus die Route wechselt.
Installationsentscheidungen für Docusaurus 3 und ihre End-to-End-Prüfungen.
Docusaurus-AspektImplementierungsentscheidungÜberprüfung
Docusaurus-Aspekt
Root und Clientnavigation
Implementierungsentscheidung
Erstellen Sie das asynchrone Skript anhand einer stabilen ID genau einmal. Geben Sie aus dem Effekt keine Bereinigungsfunktion zurück, da Root und Widget über Routen hinweg bestehen bleiben sollen.
Überprüfung
Öffnen Sie zwei interne Dokumentationslinks und bestätigen Sie, dass document.querySelectorAll("#chattybox-widget").length den Wert 1 hat.
Docusaurus-Aspekt
Content Security Policy
Implementierungsentscheidung
Erlauben Sie chattybox.ai in script-src, den konfigurierten API-Ursprung in connect-src, fonts.googleapis.com in style-src und fonts.gstatic.com in font-src. Das aktuelle Widget fügt sein Komponenten-CSS ein, daher benötigt eine strenge style-src-Richtlinie zusätzlich 'unsafe-inline', bis ein Nonce-basierter oder externer Stylesheet-Build verfügbar ist.
Überprüfung
Laden Sie mit geöffneten DevTools neu und bestätigen Sie, dass keine Skript-, Stil-, Schrift-, Fetch- oder WebSocket-Anfragen blockiert werden.
Docusaurus-Aspekt
Versionen, Sprachen und Sitemap-Umfang
Implementierungsentscheidung
Prüfen Sie vor dem Crawlen die bereitgestellte Sitemap. Nehmen Sie nur unterstützte Versions- und Sprachpfade auf oder verwenden Sie getrennte Quellen, wenn Zielgruppen keine versionsübergreifenden Antworten erhalten dürfen.
Überprüfung
Stellen Sie in jeder indizierten Sprache dieselbe versionsspezifische Frage und prüfen Sie, dass jede Quellenangabe das erwartete Routenpräfix beibehält.
Docusaurus-Aspekt
Fehlendes oder doppeltes Widget
Implementierungsentscheidung
Prüfen Sie API-Schlüssel, Loader-ID, CSP-Konsolenmeldungen, Skriptantwort und ob eine andere Theme-Komponente das Widget ebenfalls einfügt.
Überprüfung
Testen Sie einen Produktionsbuild und nicht nur Hot Reload und prüfen Sie nach der Navigation die Bereiche Elements und Network.
Prüfung einer Antwort mit Quellenangaben

Eine Antwort testen, bei der der Versionspfad entscheidend ist

Ein nützlicher Akzeptanztest fragt nach einer Einstellung, deren Antwort je nach Version abweichen kann, und öffnet anschließend die Quellenangabe, um sowohl die Aussage als auch die versionierte URL zu prüfen.

Die Docusaurus-Dokumentation fragen
x
Wie öffne ich standardmäßig die neueste stabile Dokumentation?
Setzen Sie in der Konfiguration des Dokumentations-Plugins lastVersion auf die Version, die Besuchende öffnen sollen, und verwenden Sie onlyIncludeVersions, wenn Sie die veröffentlichten Versionen begrenzen müssen. Behalten Sie die aktuelle Dokumentationsroute nur bei, wenn Nutzende auf unveröffentlichte Dokumentation zugreifen sollen.
Eine Frage stellen...
Bereitgestellt von ChattyBox
ChattyBox-Antwort zur standardmäßigen Docusaurus-Version mit Quellenangabe zum Versionierungsleitfaden
Ursprüngliche Ergebnisreferenz: Die Antwort nennt die relevanten Versionseinstellungen und stellt den offiziellen Versionierungsleitfaden als Nachweis bereit.
Installationspfad

So fügen Sie ChattyBox zu Docusaurus hinzu

Erstellen Sie eine Root-Komponente für das Docusaurus-Theme, fügen Sie das Widget-Skript hinzu, nachdem Ihre Dokumente gescrapt wurden, und stellen Sie es bereit. Ihre Besucher können dann von jeder Dokumentenseite aus Fragen stellen.

  1. 1Erstellen Sie ein ChattyBox-Projekt und geben Sie die URL oder Sitemap Ihrer Docusaurus-Dokumente ein.
  2. 2Testen Sie echte Docusaurus-Fragen im Dashboard und bestätigen Sie, dass Zitate auf die richtigen Seiten verweisen.
  3. 3Fügen Sie das Widget-Skript in src/theme/Root.tsx hinzu, damit es auf Ihrer Dokumentationsseite geladen wird.
src/theme/Root.tsx
tsx
import React, { useEffect, type ReactNode } from 'react';

const WIDGET_ID = 'chattybox-widget';

export default function Root({ children }: { children: ReactNode }) {
  useEffect(() => {
    if (document.getElementById(WIDGET_ID)) return;

    const script = document.createElement('script');
    script.id = WIDGET_ID;
    script.src = 'https://chattybox.ai/widget.js';
    script.async = true;
    script.dataset.apiKey = 'YOUR_API_KEY';
    script.dataset.apiUrl = 'https://adorable-woodpecker-629.convex.site/chat';
    script.dataset.chattyboxWidget = 'true';
    document.body.appendChild(script);
  }, []);

  return <>{children}</>;
}
Häufige Fragen

Häufige Fragen

1

Kann ChattyBox eine Docusaurus-Website crawlen?

Ja. ChattyBox kann öffentliche Docusaurus-Dokumentationsseiten crawlen oder eine Sitemap-URL nutzen, um Docs-Inhalte zu finden.

2

Muss ich mein Docusaurus-Theme ändern?

Nein. Sie betten ChattyBox mit einem Script-Tag ein, sodass es neben Ihrem bestehenden Docusaurus-Theme und Deployment funktioniert.

3

Verlinken Antworten zurück auf Docusaurus-Seiten?

Ja. Antworten können Zitate enthalten, die Nutzer zurück zu den exakten Dokumentationsseiten führen, die für die Antwort verwendet wurden.

4

Kann ich den Bot vor der Installation testen?

Ja. Sie können gescrapte Inhalte im Dashboard testen, bevor Sie das Widget-Snippet auf Ihre Docusaurus-Website kopieren.

Melden Sie sich an, um unseren Free-Tarif zu testen

Evaluieren Sie ChattyBox für eine Organisation? Kontaktieren Sie den Support und besprechen Sie einen Testzeitraum für einen umfangreicheren Tarif.

We use optional analytics and tag-management tools to understand site use. Choose whether to allow Ahrefs Web Analytics, PostHog, and Google Tag Manager. Turning analytics off reloads this page so the change takes effect cleanly. Essential site functionality and error monitoring are not controlled by this choice. Read our privacy policy.