качественная разработка дизайн-макетов для сайтов, логотипов, баннеров. изготовление кросбраузерной, адаптивной, валидной html-верстки на основе html5 и css3

Как установить reCAPTCHA на сайт под управлением 1С-Битрикс

Как установить reCAPTCHA на сайт под управлением 1С-Битрикс

ШАГ ПЕРВЫЙ.

Необходимо иметь аккаунт Google, если его нет – то заводим. Далее, переходим в личный кабинет ReCaptcha Google по ссылке - https://www.google.com/recaptcha/admin#list и добавляем сайт на который будет установлена ReCaptcha. После добавления сайта вы получите два ключа, которые будут нам нужны далее. В общем, заполняем форму ниже.

Регистрация сайта в ReCaptcha Google

Жмем кнопку «Регистрация» и получаем заветные ключи.

Ключи и интеграция ReCaptcha Google

Ниже ставим настройки ключа самые надежные и жмем сохранить. Смотрим на картинку, отметил.

Настройка ключа ReCaptcha Google

ШАГ ВТОРОЙ.

Добавляем скрипт с русским языком в форму, а именно в наш шаблон. Именно в форму, чтобы он не загружался на каждой страницестранице - . Атрибут «async» - браузер запускает скрипт асинхронно. Указанный скрипт будет выполняться без ожидания загрузки и отображения всей веб-страницы, веб-страница также не ожидает результата выполнения скрипта, а продолжает загружаться в обычном режиме. Атрибут «defer» - выполнение скрипта откладывается до тех пор, пока вся страница не будет загружена полностью. Смотрим картинку, отметил.

Прописываем скрипт ReCaptcha Google

Далее, в этом же шаблоне прописываем вызов виджета, на картинке отметил.

Вызов ReCaptcha Google

Получаем вот такую форма обратной связи.

Форма обратной связи Битрикс

ШАГ ТРЕТИЙ.

Теперь надо проверить включена ли captcha в параметрах компонента.
Проверяем включена ли Captcha

Скачиваем библиотеку ReCaptcha тут https://github.com/google/recaptcha

Скачиваем библиотеку ReCaptcha

из этой библиотеки нам понадобятся только файлы из директории SRC, а именно autoload.php и директория ReCaptcha.

файлы ReCaptcha

и копируем их в /bitrix/php_interface/include/, причем директорию /include/ нужно создать, ее там изначально не будет.

Создаем директорию

Подключаем. Требуется создать файл init.php, потому как у меня его нет. Вопрос - Почему? Тогда смотрим на картинку и кому интересно - читаем и собственно создаем файл. В данном файле будут хранится переменный наших ключей и мы их сможем вызвать в любом компоненте, который будет использовать ReCaptcha.

Создаем файл init.php

В init.php вписываем переменные. Переменные ReCaptcha

ШАГ ЧЕТВЕРТЫЙ.

Редактируем компонент. Желательно это делать НЕ в общем компоненте, чтобы потом при обновлении данного компонента наш код не затерся, а добавляем свой компонент, т.е. иными словами копируем стандартный и редактируем его под свои нужды. Компоненты располагаются вот тут : /bitrix/components/bitrix/*.*
Я буду использовать main.feedback

Компоненты Битрикс


поэтому я копирую main.feedback ---> main.feedback.recapcha

Копирование компонентов Битрикс

Подключаем новый созданный компонент в 1С-Битрикс и копируем при редактировании шаблон по умолчанию “.defaul” ---> в “feedback_form”, чтобы была возможность редактировать шаблон.

Получается вот такой код вызова компонента.

Вызов компонента Битрикс

Теперь редактируем непосредственно сам файл - /bitrix/components/bitrix/main.feedback.recapcha/component.php. Ищем строку где вызывается CAPTCHA, комментируем стандартный код вызова 1С-Битрикс и пишем свой. Для наглядности я оставил закоментированный код, чтобы видно было. Смотрим картинку ниже.

Редактируем компонент Битрикс

Все должно работать ))) Успехов.




Возврат к списку статей

Статьи

Адаптивный веб-дизайн – это один из популярных подходов для создания сайтов...

Как установить reCAPTCHA на сайт под управлением 1С-Битрикс ...

Сегодня очень многие люди осознают, что собственный сайт им просто жизненно необходим...

Итак, давайте все таки разберемся - что же такое веб-верстка и кто такой HTML верстальщик...

Вопрос-Ответ

У Вас имеются вопросы? - Задавайте!