TrustCaptcha - Bot-Schutz
React JS CAPTCHA. Eliminiere Bots und Spam.
TrustCaptcha sichert Ihr React-Frontend effizient in Minuten gegen Bot-Angriffe und Spam mit der einsatzbereiten CAPTCHA-für-React-Integration ab. TrustCaptcha verhindert das Abspringen potenzieller Kunden, da störende Bildrätsel oder Aufgaben komplett entfallen. TrustCaptcha schützt Sie vor Datenschutzverstößen, rechtlichen Hinweisen und Strafen – vertrauen Sie auf den europäischen CAPTCHA-Ersatz für React mit starkem Fokus auf Datensicherheit und DSGVO-Konformität.
Unternehmen, Organisationen und Regierungen vertrauen auf uns.














Warum TrustCaptcha
TrustCaptcha spart Ihnen Geld und steigert Ihre Conversion
Integriere TrustCaptcha
Integriere TrustCaptcha jetzt in React JS! Folge einfach diesen Schritten
Integrieren Sie TrustCaptcha mit React JS schnell und einfach in Ihre Website, Anwendung oder Plattform – in nur wenigen Schritten und schützen Sie Ihre Online-Präsenz effektiv vor Bot-Missbrauch.
1 – Anmelden oder registrieren
Melden Sie sich zunächst in Ihrem Trustcomponent-Konto an. Falls Sie noch kein Konto haben, können Sie sich in wenigen Schritten registrieren. Anschließend öffnen Sie Ihr Dashboard. Dort sehen Sie alle vorhandenen CAPTCHAs und können neue CAPTCHAs erstellen.2 – Bestehendes CAPTCHA wählen oder neues CAPTCHA erstellen
Wenn Sie bereits ein CAPTCHA haben, das Sie nutzen möchten, überspringen Sie diesen Schritt. Falls nicht, erstellen Sie jetzt ein neues CAPTCHA.Neues CAPTCHA erstellenWählen Sie während des Erstellungsprozesses die Produktkategorie „TrustCaptcha“ und entscheiden Sie sich für einen passenden Tarif. Unsicher beim Tarif? Kein Problem – ein Upgrade ist jederzeit möglich. Anschließend legen Sie fest, ob Sie mit der 30-Tage-Testversion starten oder direkt ein kostenpflichtiges Abo wählen. Für ein sofortiges Abo genügt es, Ihre Rechnungsdaten und optional eine Zahlungsmethode zu hinterlegen.30-Tage-TestphaseEntscheiden Sie sich für die 30-Tage-Testphase, testen Sie das CAPTCHA 30 Tage lang risikofrei. Nach Ablauf sperrt sich das CAPTCHA selbst. Während der Testphase oder innerhalb von 30 Tagen danach können Sie jederzeit ein kostenpflichtiges Abo abschließen oder das CAPTCHA löschen. Erfolgt keine Aktion innerhalb von 30 Tagen nach Ende der Testphase, wird es automatisch gelöscht.Non-Commercial-PlanNeben unseren Standard-Tarifen bieten wir einen dauerhaft kostenlosen „Non-Commercial“-Plan für nicht-kommerzielle Websites und Projekte mit 1 Website und bis zu 500 Verifizierungen pro Monat.3 – Websites hinzufügen & Zugangsdaten prüfen
Im Dashboard Ihres CAPTCHA finden Sie alle wichtigen Informationen, Statistiken und Einstellungen. Dort sehen Sie Ihren Site-Key, den Secret-Key und – falls vorhanden – den License-Key. Diese benötigen Sie später für die Integration.Websites hinzufügenIhr CAPTCHA darf nur von Websites aufgerufen werden, die Sie explizit autorisieren. Tragen Sie daher alle Websites ein, auf denen Sie das CAPTCHA einbinden möchten.4 – CAPTCHA im Frontend lösen
Binden Sie das CAPTCHA-Widget in Ihre Website oder App ein. Ausführliche Anleitungen zur Frontend-Integration finden Sie in unserer Dokumentation. Das Widget wird anschließend auf Ihrer Website oder in Ihrer App angezeigt.Grundschritte für React JSDie grundlegenden Schritte für Ihre React JS-Integration sind: 1. Script einbinden, 2. CAPTCHA-Container platzieren, 3. Site-Key hinterlegen. Detaillierte Anweisungen finden Sie in unserer Dokumentation.Abhängigkeit installieren Appnpm i @trustcomponent/trustcaptcha-react
Benötigen Sie weitere Informationen zur React JS-Integration?Hier finden Sie einige weitere Möglichkeiten, sich mit der Integration vertraut zu machen.import {TrustcaptchaComponent} from "@trustcaptcha/trustcaptcha-react"; function App() { function handleSuccess(verificationToken) { /* handle success */ } function handleError(error) { /* handle error */ } return ( <div> <form> <!-- your input fields --> <TrustcaptchaComponent sitekey="<your_site_key>" onCaptchaSolved={event => handleSuccess(event.detail)} onCaptchaFailed={event => handleError(event.detail)} ></TrustcaptchaComponent> <!-- further input fields / submit button --> </form> </div> ); } export default App;
Andere Frontend-Technologie statt React JS?Nutzen Sie nicht React JS oder betreiben mehrere Websites/Apps? Wählen Sie hier ein anderes Framework oder eine andere Plattform. Gibt es keine vorgefertigte Integration, können Ihre Entwickler das CAPTCHA mit unserer Dokumentation selbst integrieren oder unser Support-Team um eine Lösung bitten. 5 – CAPTCHA-Ergebnis im Backend validieren
Nach Abschluss des CAPTCHA nehmen Sie das Verifikation-Token entgegen und senden es an Ihr Backend. Dort rufen Sie das Verifikationsergebnis von unseren Servern ab und entscheiden über die nächsten Schritte. Alle Details zur Backend-Integration finden Sie in unserer Dokumentation.Vorgefertigte Backend-IntegrationenVerwenden Sie eine unserer vorgefertigten Integrationen, um den Validierungsprozess in Ihren Backend-Service einzubinden. Gibt es keine vorgefertigte Integration, können Ihre Entwickler das CAPTCHA mit unserer Dokumentation selbst integrieren oder unser Support-Team um eine Lösung bitten.6 – Glückwunsch 🎉
Du bist jetzt durch TrustCaptcha geschützt – Glückwunsch!
Häufig gestellte Fragen
Brauchst du mehr Informationen zur Angular-Integration?
Häufig gestellte Fragen
Erfahre mehr über TrustCaptcha