Aller au contenu principal
Langue
العربية English
Actuelle: Français

Comment configurer reCAPTCHA sur mon site Web ?

KB Team
  • Mis à jour

Le reCAPTCHA est un service proposé par Google qui aide à protéger les sites web contre les abus et les spams en vérifiant si un utilisateur est un humain ou un robot. Ce système permet de sécuriser les formulaires en ligne et d'autres fonctionnalités sensibles.

- Formulaire de site Web :

Pour activer l'option "reCAPTCHA", merci de suivre les étapes suivantes :

  • Ensuite, vous devez enregistrer les informations suivantes comme indiqué dans l’image ci-dessous, puis cliquez sur Envoyer :

Libellé : Donnez un nom à votre reCAPTCHA (par exemple, "Mon Site").
Type de reCAPTCHA : Choisissez entre reCAPTCHA v2 (case à cocher) ou reCAPTCHA v3.
Domaines : Ajoutez les domaines où vous allez utiliser reCAPTCHA.

  • Après, vous devez copier les clés comme mentionné sur l'image suivante :

Clé du site : À utiliser dans le code HTML de votre site.
Clé secrète : À utiliser sur votre serveur pour valider les réponses.

  • Vous devez ajouter le code suivant dans votre fichier HTML, là où vous souhaitez afficher le reCAPTCHA (pour reCAPTCHA v2) :
<form action="votre_script_de_traitement.php" method="POST">
  <!-- Vos champs de formulaire ici -->
  <div class="g-recaptcha" data-sitekey="VOTRE_CLÉ_DU_SITE"></div>
  <input type="submit" value="Envoyer">
  </form&gt
  <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  • Puis, dans votre script de traitement (par exemple, votre_script_de_traitement.php), ajoutez le code suivant pour valider la réponse :
<?php 
  if ($_SERVER['REQUEST_METHOD'] === 'POST') { 
  $recaptchaSecret = 'VOTRE_CLÉ_SECRÈTE'; 
  $recaptchaResponse = $_POST['g-recaptcha-response']; 
    $response = file_get_contents("https://www.google.com/recaptcha/api/siteverify?secret=$recaptchaSecret&response=$recaptchaResponse"); 
  $responseKeys = json_decode($response, true); 
  if (intval($responseKeys["success"]) !== 1) { 
      echo 'Erreur de vérification reCAPTCHA. Veuillez réessayer.';
  } else {
            // Traitez le formulaire 
    echo 'Formulaire soumis avec succès.';
    }
}?>

Assurez-vous de tester le reCAPTCHA en soumettant le formulaire pour vérifier qu'il fonctionne correctement.

- Formulaire WordPress :

  • Accéder à Google reCAPTCHA : Rendez-vous sur Google reCAPTCHA.
  • Créer un projet :
    • Label : Donnez un nom à votre projet (ex. : "Mon Site WordPress").
    • Type de reCAPTCHA : Choisissez entre reCAPTCHA v2 (avec case à cocher) ou v3 (sans interaction).
    • Domaines : Ajoutez le domaine de votre site WordPress.
  • Accepter les conditions et cliquez sur "Envoyer".
  • Récupérer les clés : Notez votre Clé du site et Clé secrète.
  • Installer le plugin : Installer un plugin de reCAPTCHA selon votre choix.
  • Configurer le plugin : Vous pouvez personnaliser l'apparence et le comportement du reCAPTCHA selon le plugin choisi. Consultez la documentation du plugin pour plus de détails.
  • Tester votre reCAPTCHA : Allez sur le formulaire de votre site. Puis, vérifiez que le reCAPTCHA s'affiche correctement et testez son fonctionnement en soumettant le formulaire.

Articles associés