Intégration CAPTCHA JavaScript

Créez un compte utilisateur ou connectez-vous avec un compte existant. Ensuite, créez un nouveau CAPTCHA ou sélectionnez-en un existant. Si vous ne savez pas encore si TrustCaptcha vous convient, essayez notre service CAPTCHA sans risque pendant 14 jours gratuitement.

Sur la page d’aperçu du CAPTCHA, vous trouverez toutes les informations importantes, comme la clé de site, la clé secrète et la clé de licence. Autorisez simplement vos sites web à utiliser votre CAPTCHA en les ajoutant à la liste des domaines autorisés dans les règles de sécurité du CAPTCHA.

Les étapes suivantes vous donnent une idée générale de la manière d’intégrer le widget CAPTCHA TrustCaptcha dans un frontend JavaScript. Pour des instructions précises et détaillées, veuillez consulter le guide d’intégration CAPTCHA pour JavaScript dans notre documentation.

Commencez par installer notre package JavaScript TrustCaptcha :

ECMAScript Modules (esm)
<script type="module" src="https://cdn.trustcomponent.com/trustcaptcha/2.1.x/trustcaptcha.esm.min.js"></script>

CommonJS (cjs)
<script src="https://cdn.trustcomponent.com/trustcaptcha/2.1.x/trustcaptcha.cjs.min.js"></script>

Universal Module Definition (umd)
<script src="https://cdn.trustcomponent.com/trustcaptcha/2.1.x/trustcaptcha.umd.min.js"></script>

Insérez ensuite le widget CAPTCHA, appelé balise HTML trustcaptcha-component, dans n’importe quel formulaire HTML :

<form>
  <!-- vos champs de saisie -->
  <trustcaptcha-component
    sitekey="<your_site_key>"
  ></trustcaptcha-component>
  <!-- autres champs / bouton d’envoi -->
</form>

<script>
  const trustcaptchaComponent = document.getElementsByTagName('trustcaptcha-component')[0];
  trustcaptchaComponent.addEventListener('captchaSolved', (event) => {
  console.log('Jeton de vérification :', event.detail); // gérer le succès
});
  trustcaptchaComponent.addEventListener('captchaFailed', (event) => {
  console.error(event.detail); // gérer l’erreur
});
</script>

Le widget CAPTCHA s’affichera alors sur votre site JavaScript :

Besoin d’informations détaillées sur l’intégration CAPTCHA JavaScript ?
Pour des instructions détaillées sur l’intégration de TrustCaptcha, veuillez consulter notre guide d’intégration CAPTCHA JavaScript. Un exemple complet d’intégration CAPTCHA JavaScript est disponible dans notre dépôt Github CAPTCHA Samples.

Une autre technologie frontend que JavaScript ?
Si vous ne souhaitez pas utiliser JavaScript ou si vous avez plusieurs sites web ou applications, vous pouvez choisir un autre framework ou une autre plateforme ici. S’il n’existe pas d’intégration prête à l’emploi pour votre technologie frontend préférée, vos développeurs peuvent intégrer le CAPTCHA eux-mêmes à l’aide de notre documentation ou contacter notre équipe support pour demander une solution préintégrée.

Une fois le CAPTCHA terminé, récupérez le jeton de vérification et envoyez-le à votre backend. Dans votre backend, récupérez le résultat de vérification du CAPTCHA depuis nos serveurs et validez ce résultat. Selon le niveau de risque bot, vous décidez de la suite à donner. Vous trouverez des informations détaillées sur l’intégration backend et la validation du résultat dans notre documentation.

Intégrations backend préconstruites
Vous pouvez utiliser l’une de nos intégrations backend préconstruites pour intégrer le processus de validation CAPTCHA dans votre service backend. S’il n’existe pas d’intégration prête à l’emploi pour votre technologie backend préférée, vos développeurs peuvent intégrer eux-mêmes la validation CAPTCHA à l’aide de notre documentation ou contacter notre équipe support pour demander une solution préintégrée.

Vous êtes maintenant protégé par TrustCaptcha — félicitations !