Блог хостинг-провайдера WebHOST1

Делимся полезными статьями по созданию и управлению сайтами

Назад в Вебхост

Как сделать авторизацию через соцсети на сайте: WordPress, Joomla, Битрикс

Как сделать авторизацию через соцсети на сайте, и зачем она нужна, если у каждой CMS уже есть собственная форма регистрации и авторизации пользователей? Это далеко не праздные вопросы: от ответов на них зависят показатели эргономики и юзабилити интерфейса вашего сайта, что, в конечном итоге, сказывается на достижении конкретных целей сетевого проекта.

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

Регистрация и авторизация через соцсети позволяет устранить все эти преграды: подавляющее большинство людей уже располагают аккаунтом хотя бы в одной социальной сети, нужно лишь получить от них разрешение на доступ к личным данным. Полагаясь на социальные сети, как источник всей необходимой информации о пользователе, вы значительно сокращаете время, которое нужно потратить для начала основного этапа взаимодействия с сайтом. Посетителю становится проще оформить заказ в интернет-магазине, заказать и оплатить подписку на сервис, а авторизация через соцсети на форуме дает возможность сразу приступить к общению.

Настраиваем авторизацию через соцсети в Битрикс

В CMS Bitrix авторизация через соцсети является частью основного модуля входа на сайт – его нужно только правильно настроить.

Откройте «Настройки» -> «Настройки модулей» -> «Социальные сервисы». В нижней части окна есть блок «Внешние сервисы», в котором содержится перечень поддерживаемых сервисов. Но только выбором пунктов из списка дело не ограничивается: для каждого из них необходимо зарегистрировать приложение или иным образом создать привязку конкретного домена к сервисам передачи личных данных.

Чтобы настроить авторизацию через соцсети в Битрикс воспользуйтесь ссылками и подсказками, которые выводятся при выборе каждого способа входа на сайт. Например, для Вконтакте нужно перейти в специальный раздел «Приложения» и, пройдя несложную регистрацию, получить ID и секретный код. Оба параметра нужно внести в настройках панели администрирования:

В результате последовательной настройки всех необходимых сервисов, вы получите полностью готовый к использованию модуль Битрикс для авторизации пользователей на сайте.

CMS WordPress: авторизация через соцсети

Для WordPress разработаны десятки различных решений, основная задача которых заключается в упрощении процесса регистрации пользователей. WP Social Login — плагин авторизации для wordpress с простым интерфейсом и достаточно широким функционалом: в нем интегрирована поддержка нескольких десятков способов входа на сайт через различные сервисы и социальные сети, кроме того, его основной функционал предоставляется абсолютно бесплатно.

Установка и настройка на примере Вконтакте

С технической точки зрения WP Social Login представляет собой программный модуль, написанный на javascript и PHP, авторизация через соцсети осуществляется через обращение к их API. Для работы плагина нужна актуальная версия PHP, поэтому не забудьте обновить ее в настройках хостинга.

Чтобы авторизация через ВК в WordPress заработала, нужно скачать и установить плагин на странице панели администрирования. Откройте «Плагины» –> «Добавить новый», и в форме поиска введите «Social Login»:

После загрузки и активации расширения откройте меню «Social Login»:

Сначала нужно пройти несложную регистрацию в сервисе:

На сайте разработчиков все предельно просто: зарегистрируйтесь, заполнив форму или просто зайдите с помощью учетной записи в социальной сети:

Вас попросят ввести e-mail, потому что авторизация на сайте через такие соцсети как VK, Google+ и некоторые другие не всегда приводит к передаче через API адреса электронной почты.

После входа в систему введите адрес сайта, на котором подключаете социальные сервисы:

А затем укажите дополнительные параметры – название сайта и его страницы, на которых должна срабатывать авторизация:

После вам предложат купить расширенную версию подписки, в которой можно анализировать запросы целевой аудитории и получать полные версии профилей пользователей. Для целей упрощения входа на сайт подписка не нужна.  

Следующим шагом является получение ключей API для плагина:

Их нужно вставить в параметры Social Login на своем сайте:

Затем, следует выбрать из списка сервисы, которые будут доступны вашим пользователям (в данном примере – Вконтакте):

И опубликовать виджет:

Чтобы авторизация через ВК в WordPress заработала, нужно создать приложение. Вернитесь в учетную запись на сайте разработчиков и щелкните на строке «VKontakte»:

Откроется инструкция для регистрации приложения. Щелкните «Create an Application»

На странице сети ВК заполните поля в соответствии с инструкцией, чтобы получить ID приложения и его защищенный ключ:

Плагин по-умолчанию работает по SSL-протоколу,  поэтому дополнительная настройка не требуется:

Теперь авторизация работает:

Плагин автоматически создаст нового пользователя в WordPress, используя полученные от API данные, а в тех случаях когда в них будет отсутствовать нужная информация (например, e-mail) попросит пользователя заполнить необходимые поля. В любом случае, регистрация теперь занимает в разы меньше времени и осуществляется всего в два клика.

Социальная авторизация на Joomla

Для того чтобы подключить вход через соцсети на Joomla понадобится специализированный модуль. Ассортимент доступных решений крайне широк, но общий принцип работы с ними укладывается в стандартную схему: Установка расширения — > Регистрация приложений и настройка –> Публикация модуля. В качестве примера рассмотрим Slogin – простое и надежное расширение для авторизации пользователей joomla через социальные сети.

Зайдите «Расширения» -> «Менеджер расширений» -> «Установка», добавьте вкладку JED, если не сделали это раньше, и в поле поиска впишите «Slogin»:

Подтвердите установку расширения:

 А затем перейдите в «Модули» меню расширения и откройте «Slogin»:

Настройте вывод данного модуля авторизации Joomla 3 в одну из позиций своего шаблона:

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

Чтобы настроить доступ к авторизации в Joomal через социальные сети перейдите в «Плагины»  и в строке поиска введите «Social Login»:

Включите и настройте плагин  для каждой социальной сети:

Процесс получения Application ID и секретного ключа полностью аналогичен описанному в предыдущем разделе. После подключения всех необходимых сервисов, форма входа на сайт приобретет следующий вид:

Теперь для авторизации или создания новой учетной записи достаточно щелкнуть на иконку социальной сети и дать свое согласие на предоставление доступа к личной информации.

Подводя итоги

Значительно упростив процесс регистрации и авторизации пользователей, вы значительно повысите показатели вовлеченности. Не забывайте о том, что по данным исследований компании WebHostingBuzz, 86% пользователей негативно относятся к обязательной регистрации, а 77% — предпочитают входить на сайты через социальные сети. Кроме того, 92% пользователей скорее покинут сайт, чем станут восстанавливать забытые логин и пароль.

Подключить авторизацию через социальные сети не трудно, и займет не более часа, даже если вы никогда раньше этого не делали, но положительные результаты такого улучшения интерфейса станут заметны практически сразу.   

26.12.2018

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *