Как настроить интеграцию WordPress с Google reCAPTCHA?
Здравствуйте! Нужна помощь с настройкой интеграции WordPress с Google reCAPTCHA. Хотелось бы добавить reCAPTCHA на форму обратной связи на моем сайте WordPress. Нашел документацию на сайте Google, но не могу понять, как правильно реализовать это в своем коде.
Вот пример кода, где требуется помощь:
<form action="process-form.php" method="post">
<!-- Код формы -->
<div class="g-recaptcha" data-sitekey="ВАШ_КЛЮЧ_RECAPTCHA"></div>
<input type="submit" value="Отправить">
</form>
Как мне правильно настроить интеграцию reCAPTCHA с WordPress? Как получить и использовать свой ключ reCAPTCHA? Как обработать ответ от reCAPTCHA на стороне сервера?
Заранее благодарю за помощь!
Ответы:
Для настройки интеграции reCAPTCHA с WordPress, сначала получите ключ reCAPTCHA на сайте Google. Затем добавьте код reCAPTCHA на нужную форму обратной связи и обработайте ответ от reCAPTCHA на стороне сервера.
Для настройки интеграции Google reCAPTCHA с WordPress вам потребуется выполнить несколько шагов. Вот подробная инструкция:
Шаг 1: Получение ключа reCAPTCHA
1. Перейдите на официальный сайт Google reCAPTCHA по адресу: https://www.google.com/recaptcha
2. Нажмите кнопку "Get reCAPTCHA"
3. Введите название вашего сайта и выберите тип reCAPTCHA (я рекомендую выбрать reCAPTCHA V2 - "I'm not a robot")
4. Введите домен вашего сайта в поле "Domains"
5. Прочитайте и примите условия использования Google reCAPTCHA
6. Нажмите кнопку "Submit"
7. В следующем окне вы получите два ключа: Ключ сайта (Site key) и Секретный ключ (Secret key). Сохраните эти ключи в безопасном месте, вам они понадобятся для настройки.
Шаг 2: Добавление кода reCAPTCHA на ваш сайт WordPress
1. Отредактируйте вашу форму обратной связи в файле process-form.php или в плагине, которым вы управляете формой.
2. Вставьте следующий код рядом с вашей формой:
<form action="process-form.php" method="post">
<!-- Код формы -->
<div class="g-recaptcha" data-sitekey="ВАШ_КЛЮЧ_RECAPTCHA"></div>
<input type="submit" value="Отправить">
</form>
Замените "ВАШ_КЛЮЧ_RECAPTCHA" на ваш Сайт ключ reCAPTCHA, полученный на предыдущем шаге.
3. Сохраните изменения и обновите вашу форму на сайте WordPress.
Шаг 3: Обработка ответа от reCAPTCHA на стороне сервера
1. Откройте файл process-form.php, который обрабатывает вашу форму.
2. После проверки значений формы, добавьте следующий код для проверки ответа reCAPTCHA:
$secretKey = "ВАШ_СЕКРЕТНЫЙ_КЛЮЧ_RECAPTCHA";
$response = $_POST['g-recaptcha-response'];
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL,"https://www.google.com/recaptcha/api/siteverify");
curl_setopt($ch, CURLOPT_POST, 1);
curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query(array('secret' => $secretKey, 'response' => $response)));
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
$server_output = curl_exec ($ch);
curl_close ($ch);
$result = json_decode($server_output);
if ($result->success) {
// Продолжайте обработку формы, так как reCAPTCHA успешно проверена
} else {
// Выведите сообщение об ошибке, так как reCAPTCHA не прошла проверку
}
Замените "ВАШ_СЕКРЕТНЫЙ_КЛЮЧ_RECAPTCHA" на ваш Секретный ключ reCAPTCHA, полученный на первом шаге.
3. Сохраните изменения в файле process-form.php.
Теперь ваша форма обратной связи на сайте WordPress будет защищена Google reCAPTCHA. Пользователи будут проверяться на то, являются ли они роботами, и только после успешной проверки они смогут отправить форму.
Надеюсь, эта информация поможет вам настроить интеграцию reCAPTCHA с WordPress. Если у вас возникнут дополнительные вопросы, не стесняйтесь задавать их. Удачи вам!