Google reCAPTCHA v3 - L'anti-spam GRATUIT pour vos formulaires
Вставка
- Опубліковано 4 жов 2024
- Formation Référencement Gratuite : web-tutos.com/...
⬇️⬇️⬇️ PLUS D'INFOS ⬇️⬇️⬇️
Google reCaptcha est le module anti-spam gratuit que propose Google. Désormais en v3, il permet de protéger vos formulaires de contact contre les robots spammeurs et sans obliger l'utilisateur humain à cocher une case "Je ne suis pas un robot".
Seul souci : une fois Google reCaptcha v3 intégré, on se coltine un badge Google reCaptcha en bas à droite de l'écran et sur toutes les pages du site, ce qui peut être enquiquinant, en particulier quand on a un thème Wordpress qui affiche une flèche pour remonter en haut de page, juste à cet endroit-là.
Dans cette vidéo, je vous montre non seulement comment installer Google reCaptcha v3 dans un formulaire de contact Wordpress avec le plugin Contact Form 7, mais je vous montre aussi comment masquer le badge tout en respectant les règles de Google.
Dans cette vidéo, nous allons voir :
Ce qu'est le CAPTCHA
Quel plugin utiliser pour créer un formulaire de contact sur Wordpress
Comment créer un reCAPTCHA v3 de Google
Comment associer le reCAPTCHA au formulaire de contact
Comment faire disparaître le badge Google reCAPTCHA qui s'ajoute automatiquement sur vos pages
Ce qu'il faut faire pour respecter la règlementation de Google en faisant disparaître le badge
LIENS ET INFOS UTILES :
• Google reCaptcha : www.google.com...
• Le plugin Wordpress pour créer un formulaire s'appelle "Contact Form 7"
• La vidéo précédente pour Google reCaptcha v2 : • Captcha - Comment bloq...
• Le code CSS :
.grecaptcha-badge { opacity:0;}
• La mention à insérer sur la page :
"Ce site est protégé par reCAPTCHA. La politique de confidentialité et les conditions d'utilisation de Google s'appliquent."
Mettre le lien suivant sur "politique de confidentialité" : policies.googl...
Mettre le lien suivant sur "conditions d'utilisation" : policies.googl...
#recaptcha #contactform7
▬▬▬▬▬ RECEVEZ DES CONSEILS GRATUITS PAR EMAIL ▬▬▬▬▬▬▬
• Rejoignez ma Liste Privée et recevez des conseils exclusifs et gratuits par email pour apprendre à développer votre activité sur le web :
web-tutos.com/...
▬▬▬▬▬▬▬▬▬ TOUTES NOS FORMATIONS ▬▬▬▬▬▬▬▬▬▬
web-tutos.com/...
▬▬▬▬▬▬▬▬▬ ABONNEZ-VOUS A LA CHAINE ▬▬▬▬▬▬▬▬▬▬▬
• Abonnez-vous pour être notifié des prochaines vidéos : / @webtutos
▬▬▬▬▬▬▬▬▬ SUIVEZ WEB TUTOS ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
• Facebook : / mywebtutos
• Twitter : / web_tutos
Moi qui ne m'y connais absolument pas, j'ai pu installé ce recaptcha sans galérer, merci beaucoup pour cette vidéo très claire
Louange à Allâh, notre Seigneur et Créateur, votre vidéo m'a beaucoup aidé et je vous en remercie !
Bravo pour cette vidéo claire, précise. Je me suis immédiatement abonné à votre chaîne.
Mille merci pour ce super tuto !
bravo tu es excellent
Bonjour, bravo et merci : c'est clair, précis et cela fonctionne parfaitement !
Merci Roberto pour cette vidéo !!
Merci ça m'a bien rendu service !
Merci beaucoup, très explicite et concis !
*Merci pour le tuto , c'est très facile à suivre. J'ai 1 problème : lorsque j'active le recatcha, j'ai un message d'erreur malgré la copie des 2 numéros sécurisés. Que faire ? comme cela ne fonctionne pas, je suis obligée de la désactiver, sinon aucun contact ne peut valider le formulaire. Quelqu'un peut m'aider ? Merci*
Merci infiniment 🙏
Bonjour et merci pour cette vidéo très claire. Recaptchav3 est très pretique mais consom beaucoup de ressources dans la vitesse de chargement de la page. Aussi est -il possible de l'appliquer à la seule page de formulaire? Merci.
Il me semble que la V3 n'apporte pas exactement la même protection que la v2. J'ai la v3 et il me semble que je reçois encore des adresses mails bizarres (sur un abonnement à la mailinglist). Et dans mon admin panel j'ai juste "Les scores de ce site peuvent ne pas être précis tant que le trafic en temps réel n'est pas suffisant". Alors qua la v2 (qui existe aussi en invisible), il faut réussir le challenge sinon ça passe pas.
bonjour et merci j'avais un peu peur de faire ces manips mais là ça a été tres facile !! merci je suis debutante et cree mon site avec wordpress .Parc contre ça s'est bien intégré dans le formulaire mais je ne vois rien, aucune icone de recaptcha sur mon site . Faut il attendre qq jours ? mon site est en construction .Merci encore pour ces explications claires et rassurantes
Moi je n'ai pas la vignette popup sur le site après installation ! Peut être parceque j'utilise WPform plutôt que form7 ?!
Merci top. BAV
Nickel merci
Hello, merci pour ce tuto :) Concrètement si l'on enlève le badge sans mettre la mention Google, que risque t-on ?
Bonjour, Dès que j'active les clés, on ne peut pas envoyer de message sur le formulaire "une erreur est survenue..." encadree orange. Dès que je retire les clés les envois de messages sont possibles. Ma version de contact form: 5.4
je n'arrive pas à trouver de social bouton à mettre sur mon blog, rien ne fonctionne avec mon thème, j'avais trouvé zotabox qui était fun mais qui m'a tout fait planter récemment obligé de le virer ... vous auriez une idée ?
Merci Roberto pour cette explication, mais est il possible sur un même compte Google, de créer plusieurs recaptcha pour mes différents sites clients ?
Tout à fait :)
Par contre, pour le code html, c'est mieux de mettre les liens avec un target="_blank" pour que le lien s'ouvre dans un nouvel onglet
Tout à fait. j'ai pensé a ca aussi. je le fait et ca marche tres bien
Mais comment on va dans contact
👏👍
bonjour votre bout de code CSS est pas bon pour le reCAPTCHA car opacity en CSS et fait pour paramétrer le niveau de transparence de l'élément ce qui veux que l'élément que vous voulez enlevé est toujours présent il est juste totalement transparent hors si vous voulez vraiment masque l'élément il faut mettre un display: none; a la place de opacity:0;
Pas d'accord. Le display:none désactive la détection de spam par l'outil.
La suggestion officielle (de Google) est .grecaptcha-badge { visibility: hidden; }
Bonjour, j'ai exactement ce que vous décrivez dans cette video, mais je ne vois pas le carré récaptcha en bas a droite et pourtant je n'ai pas encore mis le code dans CSS ? avez-vous S.V.P. une Idée ? Merci. (J'ai bien le message votre site récaptcha est installer sur votre site).
Bah tout va bien alors !
Bonjour, merci pour votre aide ! Puis-je savoir pourquoi nous ne pouvons pas copier le code html personnalisé car celui dans la description n'est pas un code mais une phrase ? Merci d'avance !
Bonjour, si vous parlez du code CSS, il est bien copiable ! Je vous le remets ici:
.grecaptcha-badge { opacity:0;}
Super merci beaucoup, à vrai dire je parlais du code à mettre sous le formulaire 🙂
Super merci
installer par contre le texte avec les lien Google doit être marqué partout ou juste les page de formulaire ???
Sur le formulaire, ça suffit 🙂
Web Tutos merci
....
hi tu peux modifier la position de l'élément en css et ce sera réglé
.grecaptcha-badge {
bottom: 50px!important;
}
Merci bien