Як підключити google recaptcha на сайт

Всім доброго дня. Як тільки з'явився вільний час я все таки вирішив написати статтю присвячену установці Google reCaptcha.

Отримання recaptcha ключів

Для початку роботи з нашої гуглокапчей нам необхідно отримати 2 спеціальних ключа.

Перший ключ використовується для відображення віджета на вашому сайті.

Другий ключ (секретний) використовується для аутентифікації віджета капчи на вашому сайті, і серверами google для перевірки результату відправленого людьми, або ботами.

Після заповнення і відправки форми реєстрації сайту ви потрапите на сторінку з ключами і всієї необхідної нам інформації.

Установка reCapcha на форму

Наступним кроком після створення форми необхідно підключити скрипт капчи в секцію head вашого сайту, а також додати блок з капчі в те місце форми де вона вам потрібна. Весь необхідний код приведений на сторінці з ключами і всієї додатковою інформацією.

В кінцевому підсумку у вас повинна вийде наступна структура форми:

Форма готова. Залишилося тільки вставити свій ключ в атрибут data-sitekey і капча запрацює!

Перевірка reCapcha на сервері

Наступним етапом буде написання перевірки результату відправки форми на сервері.

Насамперед необхідно перевірити чи були взагалі передані в POST масив дані від капчі. Якщо таких даних не надходило то ми просто пропускаємо всі перевірки і просимо пройти валідацію.

Далі переходимо до основної частини перевірки. Наведу відразу весь код і поясню що за що відповідає.

Цього базового функціоналу досить для повноцінної роботи з google reCaptcha.

Вихідний код зі статті ви знайдете за посиланням.

Інтеграція з WordPress

У випадку з WordPress для цієї ж завдання прекрасно підійде плагін - Google Captcha (reCAPTCHA) by BestWebSoft. У нього вбудований великий функціонал для інтеграції капчи на різні розділи WordPress сайту.

Його настройка вкрай примітивна, все що вам потрібно зробити це вставити видані вам ключі в певні поля в налаштуваннях плагіна.

Далі можете просто вказати в яких місцях сайту ви хочете бачити бажану гуглокапчу.

Це все що я хотів розповісти про встановлення reCaptcha.
У зв'язку з непоганим інтересом до даної статті я вирішив випустити з незабаром ще одну статтю присвячену вже роботі з останньою версією гугл капчи. Підписуйтесь на оновлення щоб не пропустити цю статтю.
Всього доброго!

dmkweb.ru Права на контент захищені.