От автора: профессионал вы или новичок в мире веб-разработки, но про CAPTCHA вы должны были слышать. Важный и широко применяемый метод определения ботов. Существует множество сторонних скриптов, с помощью которых можно установить CAPTCHA на сайт. Сегодня мы поговорим о том, как интегрировать Google reCAPTCHA в OpenCart.
Сервис reCAPTCHA разработан google, и он бесплатный! Плюс еще и в том, что данная функциональность включена в ядро OpenCart. Нам необходимо ее правильно настроить и включить!
Для начала мы настроим ключи API на сайте google. Далее мы увидим, как настраивать reCAPTCHA через back end OpenCart. В конце статьи мы также узнаем, где на front end reCAPTCHA поддерживается по умолчанию.
Предполагаю, что вы работаете в последней версии OpenCart. Перейдем к регистрации сайта на google и получению данных для API.
Регистрация сайта и получения ключей API для reCAPTCHA
Зайдите на сайт Google reCAPTCHA, кликните на Get reCAPTCHA в правой верхней части экрана. Если вы не вошли в аккаунт google, вам придется это сделать. Если уже авторизовались, то вас перенаправит на форму регистрации reCAPTCHA, как на скриншоте ниже.
Заполните поля как на скриншоте и кликните на Register, чтобы перейти к следующей странице. На следующей странице будут данные API для вашего сайта. Необходимо скопировать значения Site key и Secret key, они нам позже понадобятся.
Вы зарегистрировали свой сайт в google reCAPTCHA. В следующей секции мы посмотрим, как использовать этот сервис через back end.
Настройка ключей API в OpenCart
Перейдите в back end OpenCart и далее System > Settings. Перейдите к редактированию магазина. Перейдите на вкладку google, на ней должна отображаться форма настроек, как показано ниже.
В разделе google reCAPTCHA введите Site key и Secret key и сохраните. Сервис необходимо перевести в статус enabled.
Мы настроили данные для API в OpenCart. В следующей секции мы посмотрим разные экраны на front end, чтобы проверить работу сервиса.
Проверка страниц с поддержкой reCAPTCHA
Обычно reCAPTCHA используется в формах, чтобы предотвратить автоматическую отправку данных и спам. Поэтому OpenCart включил этот сервис на несколько форм на front end. Проверим страницы, поддерживающие интеграцию с reCAPTCHA.
Контактная форма
Перейдите на станицу Contact Us. На форме должна отображаться красивая reCAPTCHA!
Простите, но ботам и спаммерам здесь не место!
Форма отзывов
Если на сайте включены отзывы на товары, то они также попадают под действие reCAPTCHA. Форму отзыва на товар можно найти на странице одного товара на вкладке Reviews.
Форма возвратов
Посмотрим еще один экран, поддерживающий интеграцию с reCAPTCHA. Если кто-то хочет вернуть товар, он или она должны заполнить форму на front end. Эту форму необходимо проверять. Возвращается ли товар реальным пользователем, который размещал заказ.
С проверкой reCAPTCHA на front end в OpenCart закончили.
Как видите, reCAPTCHA очень просто настраивается на сайте. Включите этот сервис, чтобы остановить спам. Ежедневно чистить спам вручную надоедает, к тому же это отнимает львиную долю времени.
Заключение
Сегодня мы познакомились с reCAPTCHA в OpenCart и узнали, как настроить ее через back end. Также мы проверили несколько экранов на front end, которые поддерживают reCAPTCHA по умолчанию.
Автор: Sajal Soni
Источник: //code.tutsplus.com/
Редакция: Команда webformyself.
