Google reCAPTCHA v3 - L'anti-spam GRATUIT pour vos formulaires

Подписаться 23 тыс.

Просмотров 21 тыс.

50% 1

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

Опубликовано:

10 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 42

@lucilerenaud9997 4 года назад

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

@CharlineRoyerNaturopathe 3 года назад

*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*

@pierre5775 4 года назад

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.

@abdouallahjustin723 3 года назад

Louange à Allâh, notre Seigneur et Créateur, votre vidéo m'a beaucoup aidé et je vous en remercie !

@zen-Christ 4 года назад

Moi je n'ai pas la vignette popup sur le site après installation ! Peut être parceque j'utilise WPform plutôt que form7 ?!

@keadzfamily6862 4 года назад

Mille merci pour ce super tuto !

@slamanaim1837 2 года назад

bravo tu es excellent

@idekaagen8553 3 года назад

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

@pierre-Benoit 4 года назад

Bravo pour cette vidéo claire, précise. Je me suis immédiatement abonné à votre chaîne.

@rachelaltmeyer5257 4 года назад

Bonjour, bravo et merci : c'est clair, précis et cela fonctionne parfaitement !

@Zatoufly 2 года назад

Merci beaucoup, très explicite et concis !

@remigouzy3091 6 месяцев назад

Merci Roberto pour cette vidéo !!

@LilianRiviere 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 ?

@deediay 4 года назад

Merci ça m'a bien rendu service !

@nanienan85 4 года назад

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.

@anoukvanroy128 2 года назад

Merci infiniment 🙏

@terrmich4500 4 года назад

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

@letopclassementenfrance9041 4 года назад

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).

@WebTutos 4 года назад

Bah tout va bien alors !

@damienr.7869 3 года назад

Hello, merci pour ce tuto :) Concrètement si l'on enlève le badge sans mettre la mention Google, que risque t-on ?

@braddossantospatatas487 3 года назад

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;

@WebTutos 3 года назад

Pas d'accord. Le display:none désactive la détection de spam par l'outil.

@laufal 3 года назад

La suggestion officielle (de Google) est .grecaptcha-badge { visibility: hidden; }

@agathe.r1864 2 года назад

Mais comment on va dans contact

@jutoo66 3 года назад

Merci top. BAV

@valerianetheys.coaching 2 года назад

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 !

@WebTutos 2 года назад

Bonjour, si vous parlez du code CSS, il est bien copiable ! Je vous le remets ici: .grecaptcha-badge { opacity:0;}

@valerianetheys.coaching 2 года назад

Super merci beaucoup, à vrai dire je parlais du code à mettre sous le formulaire 🙂

@cedric88160 3 года назад

Nickel merci

@loryslaggoune9858 2 года назад

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 ?

@WebTutos 2 года назад

Tout à fait :)