Loading...

Устанавливаем Google reCAPTCHA v3 на сайт

Веб разработка / Устанавливаем Google reCAPTCHA v3 на сайт

Рабочая инструкция:

1) Регистрируемся на google или авторизуемся под существующим аккаунтом.

Далее переходим по данной ссылке https://www.google.com/recaptcha/intro/v3.html и нажимаем на кнопку “Admin console”

2) Вам нужно скопировать данные ключи.

 

 3) Код для Google reCaptcha

Весь код:

 

  1. <?php
  2. /*КЛЮЧИ*/
  3. define('SITE_KEY', '_Your_sitekey_');
  4. define('SECRET_KEY', '_Your_secretkey_');
  5.  
  6. /*ОБРАБОТКА ЗАПРОСА*/
  7. if($_POST){
  8. /*СОЗДАЕМ ФУНКЦИЮ КОТОРАЯ ДЕЛАЕТ ЗАПРОС НА GOOGLE СЕРВИС*/
  9. function getCaptcha($SecretKey) {
  10. $Response = file_get_contents("{$SecretKey}");
  11. $Return = json_decode($Response);
  12. return $Return;
  13. }
  14. /*ПРОИЗВОДИМ ЗАПРОС НА GOOGLE СЕРВИС И ЗАПИСЫВАЕМ ОТВЕТ*/
  15. $Return = getCaptcha($_POST['g-recaptcha-response']);
  16. /*ВЫВОДИМ НА ЭКРАН ПОЛУЧЕННЫЙ ОТВЕТ*/
  17. var_dump($Return);
  18. /*ЕСЛИ ЗАПРОС УДАЧНО ОТПРАВЛЕН И ЗНАЧЕНИЕ score БОЛЬШЕ 0,5 ВЫПОЛНЯЕМ КОД*/
  19. if($Return->success == true && $Return->score > 0.5){
  20. echo "Succes!";
  21. }
  22. else {
  23. echo "You are Robot";
  24. }
  25. }
  26. ?>
  27. <!DOCTYPE html>
  28. <html lang="en">
  29. <head>
  30. <meta charset="UTF-8">
  31. <title>Document</title>
  32. </head>
  33. <body>
  34. <form action="/" method="POST">
  35. <input type="text" name="name" /><br/><br/>
  36. <input type="hidden" id="g-recaptcha-response" name="g-recaptcha-response" /><br/><br/>
  37. <input type="text" value="Submit" />
  38. </form>
  39. <script src="https://www.google.com/recaptcha/api.js?render=<?php echo SITE_KEY?>"></script>
  40. <script>
  41. grecaptcha.ready(function() {
  42. grecaptcha.execute('<?php echo SITE_KEY;?>', {action: 'homepage'}).then(function(token) {
  43. //console.log(token);
  44. document.getElementById('g-recaptcha-response').value=token;
  45. });
  46. });
  47. </script>
  48.  
  49. </body>
  50. </html>

4) Убираем иконку:

 

Добавляем в форму код со ссылкой на "Лицензионное соглашение" Гугла:

 

<p style="font-size: 10px;color: gray;">This site is protected by reCAPTCHA and the Google

<a href="https://policies.google.com/privacy">Privacy Policy</a>and <a href="https://policies.google.com/terms">Terms of Service</a> apply.</p>
 

Добавляем в CSS стили темы:

 

 .grecaptcha-badge { visibility: hidden; }