Recaptcha

Temps de lecture: 5 minutes


Introduction

À l’aide du module reCAPTCHA, le mécanisme de requête homme / machine de reCAPTCHA peut être intégré dans PepperShop, par exemple pour exlcure les robots de spam.

Cela permet de garder les robots hors des formulaires et ainsi d'éviter le spam. Le captcha (l’affichage de la question de vérification et évaluation) peut être intégré n’importe où dans PepperShop. Cela a déjà été mis en œuvre dans le formulaire de contact, pour l’annonce Tell-A-Friend et certains autres endroits.

‘reCAPTCHA’ est un service de captcha de Google qui offre un captcha professionnel et sécurisé. Le grand avantage de reCAPTCHA est que vous n’avez pas à vous soucier de l’intégration de la base de données, de la gestion des sessions, du développement du craquage de captach et d’autres facteurs dans le secteur du captcha. Il suffit d’insérer deux mini blocs de code et vous l’avez intégré une très bonne protection. Cette philosophie est poursuivie par le module PepperShop pour reCAPTCHA, de sorte que l’administration des emplacements Captcha reste très simple.

Activation des modules reCAPTCHA

Configuer en compte Google

Si vous avez déjà un compte Google, vous pouvez ignorer ce point.

Pour utiliser reCAPTCHA, vous devez avoir un compte Google.

Vous pouvez ouvrir un compte Google sur le lien suivant: https://accounts.google.com/signup?hl=de

Enregistrez votre domaine pour l’utilisation de reCAPTCHA

Après avoir créé votre compte Google ou connecté à votre compte existant, vous pouvez enregistrer votre propre domaine pour reCAPTCHA à l’adresse https://www.google.com/recaptcha/admin.

Il vous expliquera également comment enregistrer votre domaine et comment obtenir les différentes clés.

Illustration 1: Maske zur Registrierung der Domain

  1. Définissez une étiquette pour votre site Web / boutique. Cela les rend plus faciles à reconnaître.
  2. Entrez le domaine de votre site Web / boutique ici. Votre inscription est limitée aux domaines et sous-domaines associés saisis ici. Lorsque vous vous inscrivez pour ‘domain.ch’, par exemple, ‘subdomain.domain.com’ est également enregistré.
  3. Confirmez le processus en cliquant sur «S’inscrire». À l'étape suivante, les clés requises (clé de site Web / clé secrète) pour votre site Web / boutique sont générées automatiquement.Illustration 2: Fenster mit automatisch generierten Schlüsseln
  4. La clé du site Web et la clé secrète ont été générées automatiquement. Vous pouvez ensuite copier ces deux clés dans les champs correspondants de l’administration du module PepperShop reCAPTCHA (point 4: Configuration du module reCAPTCHA dans l’administration de la boutique).

Configuer le module reCAPTCHA dans l’administration de la boutique

Illustration 3: Modul-Administration von reCAPTCHA

  1. Copiez la clé du site Web / clé secrète (à partir du point ci-dessus) et mettez la clé dans le champ correspondant dans l’administration du module PepperShop reCAPTCHA
  2. Cochez la case «Activation»
  3. L’apparence de l’affichage Captcha peut être ajustée sous «Thème». «clair» pour les sites Web plus clairs et «sombre» pour les pages sombres.
  4. Au point «emplacements», sélectionnez l’endroit où l’affichage captcha doit être activé dans la boutique. Remarque importante: le formulaire Tell-A-Friend est souvent utilisé à mauvais escient par les bots. Nous vous recommandons vivement d’activer Tell-A-Friend comme emplacement!
  5. Enfin, enregistrez pour confirmer les données saisies et pour activer le module reCAPTCHA.

Nouvel emplacement pour reCAPTCHA

Conditions préalables

Les exigences pour définir un nouvel emplacement pour reCAPTCHA:

  • un module reCAPTCHA installé et configuré
  • L’administration du module reCAPTCHA doit être appelée au moins une fois afin de pouvoir générer le contenu de la table

Définir un nouvel emplacement

Ouvrez la base de données de la boutique via phpMyAdmin puis créez une nouvelle entrée dans la table “recaptcha_ Einsatzorte ‘'.

  1. Saisissez le nom du nouvel emplacement dans la colonne “nom”. (Attention: n’utilisez que des minuscules. Le caractère spécial ` est uniquement valide)
  2. Dans la colonne Actif, indiquez si Captcha est actuellement actif pour cet emplacement ou non. (Y = actif, N = inactif)

Intégration technique du service reCAPTCHA (pour les utilisateurs avancés)

Pour les utilisateurs avancés: L’intégration technique du service reCAPTCHA est implémentée avec les deux fichiers suivants:

  • shop/recaptcha.def.php
  • shop/recaptchalib.php

Là où le captcha doit être affiché, insérez le code suivant dans le formulaire:

if (modul_check('recaptcha')) {
    $recaptcha_pps = new recaptcha_pps('Einsatzort');
    $recaptcha_anzeige = $recaptcha_pps->recaptcha_get_html();
    if ($recaptcha_anzeige != '') echo $recaptcha_anzeige;
}

Chaque fois que le succès de la saisie client doit être évalué, ajoutez le code suivant:

if (modul_check('recaptcha')) {
    $recaptcha_pps = new recaptcha_pps('Einsatzort');
    $resp = $recaptcha_pps->recaptcha_check_answer();
    if (!$resp->success) { /* Fehlerbehandlung. Z.B. mit vorbereiteter
         Fehlermeldung: show_customer_error(£('captcha_fehler')); */ }
}

Données d’exécution

Les données d’exécution se trouvent dans deux tables de base de données de magasin:

  • recaptcha_config
  • recaptcha_einsatzorte

reCAPTCHA v3

reCAPTCHA v3 reconnaît automatiquement si un bot ou réellement une personne est au travail. Cette vérification fonctionne sur la base d’une évaluation automatique des risques effectuée en arrière-plan et ne nécessite aucune interaction de la part du visiteur du site ou de la boutique.

Regardez la vidéo pour en savoir plus sur reCAPTCHA v3 (https://www.youtube.com/watch?v=tbvxFW4UJdU&feature=emb_logo)

Installation

Configuration requise

Pour utiliser le module reCAPTCHA, un PepperShop Professional ou Enterprise est nécessaire. Un compte Google est aussi nécessaire.

Installation du module dans PepperShop

Illustration 4: Shop-Administration: Modul installieren

Pour installer le module dans le PepperShop, accédez à l’administration de la boutique de votre propre PepperShop et sélectionnez l'élément de menu _‘Module ‘_> ‘Gestion du module’. Ici, vous pouvez voir l’entrée ‘reCAPTCHA’ sur le côté gauche (modules non installés). Sélectionnez maintenant cette entrée et cliquez sur le bouton «Installer» ci-dessous. Si tous les tests sont positifs, vous pouvez confirmer la page suivante et le module est le voir maintenant installé sur le côté droit. Le module reCAPTCHA est désormais techniquement installé.

🌶️
🔥
🌶️