ChattyBox pode rastrear um site Docusaurus?
Sim. ChattyBox pode rastrear páginas de documentação públicas Docusaurus ou usar um URL de mapa do site para descobrir o conteúdo dos documentos.
Um chatbot de IA para Docusaurus para redatores técnicos, DevRel e equipes de suporte. O ChattyBox rastreia sua documentação Docusaurus, responde a perguntas como "Como faço para configurar versionamento?" a partir dessas páginas e cita a fonte usada. Sem RAG personalizado e sem migração.
Algumas ferramentas de suporte de IA fazem com que você reserve uma demonstração antes mesmo de testar o produto. ChattyBox é de autoatendimento: adicione seu site, rastreie seus documentos, teste o chatbot e incorpore-o quando estiver pronto.
ChattyBox rastreia sua documentação existente, indexa o conteúdo para recuperação e incorpora um chatbot que responde usando seus documentos em vez da memória genérica do modelo.
Escolha o sitemap de produção do Docusaurus ou um conjunto intencional de rotas atuais, versionadas e localizadas da documentação.
Rastreie as rotas selecionadas e depois teste as perguntas na versão e na localidade exatas usadas pelos visitantes.
Instale um único carregador persistente em src/theme/Root.tsx e permita as origens do script e da API na sua Content Security Policy.
Navegue entre as páginas da documentação sem recarregar e verifique se há uma única instância do widget, citações funcionais e nenhum erro no console ou de CSP.
Lançamento em três etapas
O Docusaurus renderiza uma aplicação React persistente durante as mudanças de rota no cliente. Por isso, o wrapper Root testado cria um único carregador, reconhece montagens posteriores pelo ID e mantém o carregador no lugar, em vez de remover um widget ainda ativo durante remontagens no desenvolvimento.
Verifique novamente o ciclo de vida do Root, a saída do sitemap e as origens de CSP após uma atualização principal do Docusaurus ou uma mudança no endpoint do widget.
| Questão do Docusaurus | Decisão de implementação | Verificação |
|---|---|---|
| Root e navegação no cliente | Crie o script assíncrono uma única vez com um ID estável. Não retorne uma limpeza do efeito, pois o Root e o widget devem persistir entre as rotas. | Abra dois links internos da documentação e confirme que document.querySelectorAll("#chattybox-widget").length é 1. |
| Política de Segurança de Conteúdo | Permita chattybox.ai em script-src, a origem configurada da API em connect-src, fonts.googleapis.com em style-src e fonts.gstatic.com em font-src. O widget atual injeta o CSS de seu componente, então um style-src estrito também precisa de 'unsafe-inline' até que haja um build com nonce ou stylesheet externo. | Recarregue com o DevTools aberto e confirme que não há solicitações de script, style, font, fetch ou WebSocket bloqueadas. |
| Versões, localidades e escopo do sitemap | Inspecione o sitemap implantado antes do rastreamento. Inclua somente caminhos de versões e localidades compatíveis ou use fontes separadas quando os públicos não puderem receber respostas de outras versões. | Faça a mesma pergunta específica da versão em cada localidade indexada e verifique se todas as citações mantêm o prefixo de rota esperado. |
| Widget ausente ou duplicado | Verifique a chave da API, o ID do carregador, as mensagens de CSP no console, a resposta do script e se outro componente do tema também injeta o widget. | Teste um build de produção, não apenas o hot reload, e inspecione os painéis Elements e Network após a navegação. |
Um teste de aceitação útil pergunta sobre uma configuração cuja resposta pode variar conforme a versão e depois abre a citação para verificar tanto a afirmação quanto a URL versionada.
Crie um componente Root do tema Docusaurus, adicione o script do widget depois que seus documentos forem rastreados e implante. Seus visitantes podem então fazer perguntas em qualquer página de documentos.
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}</>;
}Veja como as respostas citadas na fonte funcionam em sites e plataformas de documentação técnica.
Implante um chatbot RAG para seu site e documentação sem construir infraestrutura de recuperação. O ChattyBox recupera do seu conteúdo e cita as fontes.
Compare o mesmo fluxo de trabalho citado na fonte para sites MkDocs e Material for MkDocs.
Encontre guias de configuração para VitePress, Starlight, Nextra, Mintlify, ReadMe, Hugo e mais plataformas de documentos.
Sim. ChattyBox pode rastrear páginas de documentação públicas Docusaurus ou usar um URL de mapa do site para descobrir o conteúdo dos documentos.
Não. Você incorpora ChattyBox com uma tag de script, para que funcione junto com seu tema e implantação Docusaurus existentes.
Sim. As respostas podem incluir citações que direcionam os usuários às páginas de documentação exatas usadas para a resposta.
Sim. Você pode testar o conteúdo rastreado no painel antes de copiar o snippet do widget para seu site Docusaurus.
Não é necessário cartão de crédito. O seu conteúdo não é usado para treinar modelos.
Plano Free. Sem cartão.
We use optional analytics and tag-management tools to understand site use. Choose whether to allow 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.