Регистрация и авторизация через соцсети

Инструменты настройки регистрации и авторизации через соцсети для сайтов, веб и мобильных приложений, по сути, представляют собой no-code и low-code решения разной степени сложности. Есть масса готовых плагинов, виджетов, модулей, даже платформы с наборами инструментов для таких интеграций.

Регистрация и авторизация через соцсети

Как это работает

Общий механизм такой:

  1. Пользователи нажимают на иконку конкретной социальной сети, например, Facebook или LinkedIn, в окне авторизации.
  2. После чего запускается приложение, передающее данные с приложения или сайта и обратно. Его работа практически незаметна — отображается лишь всплывающее сообщение с запросом на подтверждение регистрации/входа через выбранный сервис.
  3. После подтверждения, нажатия кнопки «Продолжить, как…», соцсеть передает ключ доступа к данным текущего профиля, в зависимости от установленных разрешений.
  4. Ваш ресурс, в свою очередь, запускает процесс регистрации и копирования нужных данных - но лишь тех, сбор которых заранее настроили (или которые установлены в параметрах компонента, отвечающего за авторизацию).

Какие данные можно собрать

Данные, которые относятся к публичным (они отличаются у разных ресурсов). Чаще всего в них входят: логин, ID или адрес страницы, фотография или аватар, фамилия, имя, электронный адрес, локация, часовой пояс, пол, возраст.

Многое зависит от того, доступ к какой информации разрешили сами пользователи в настройках аккаунтов. Часто при регистрации или редактировании профиля люди на автомате проставляют лишние «галочки», что открывает доступ к дополнительной информации. Списки разрешений на предоставление данных можно найти в документации или настройках конкретной соцсети.

Зачем это нужно

Владельцам сайтов, мобильных и веб-приложений это поможет собрать больше информации о целевой аудитории, предпочтениях, интересах, круге общения. Историю в Facebook, данные о работе в LinkedIn или страничку в Instagram люди заполняют более тщательно, чем форму регистрации или анкету — поэтому информация будет более точной.

Также меньше вероятность, что ваши клиенты забудут учетные данные, под которыми авторизовались. История взаимодействия будет более актуальной, а конверсии, соответственно — выше.

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

Пользователям удобнее нажать кнопку «Войти» через привычные Google, Facebook, Twitter, Linkedin (в которых они, скорее всего, уже авторизованы), чем добавлять данные в отдельную форму на сайте или в приложении. Некоторые пользователи, особенно те, что много времени проводят в интернете, вообще отказываются заходить на новые ресурсы, если для входа нужно заводить новую учетную запись или заполнять анкету.

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

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

Как настроить

Самостоятельно

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

Через специальные сервисы

Такие сервисы предоставляют не только целые списки различных ресурсов, через которые можно настроить вход, но также удобные инструменты статистики, аналитики, интеграции в личном кабинете. Это сократит время разработки, а также упростит работу с клиентами в уже готовом приложении. Из недостатков — инструменты менее гибкие, чем созданные самостоятельно или под конкретную платформу, плюс вы будете так или иначе привязаны к сервису.

Плагины, виджеты, модули

Варианты, отлично подходящие для решений, созданных на CMS / no-code платформах. Функция авторизации и регистрации необходима как для сайтов, так и для приложений — неважно web или mobile — поэтому даже на непопулярных платформах можно найти множество вариантов, особенно если ваше комьюнити достаточно активно.

Правила разработчиков

Какой бы вариант вы не выбрали, стоит придерживаться основных правил.

  1. Если данные передаются через форму на вашем сайте или обрабатываются в вашем приложении — вы несете ответственность за их сохранность.
  2. Условия использования и политика конфиденциальности помогут не только оградить вас от возможных неприятностей, но также добавят лояльности со стороны новых пользователей.
  3. Рядом с кнопкой регистрации коротко расскажите, почему вход через сторонние сервисы лучше. Придумайте бонус для клиентов, который будет дополнительной мотивацией.
  4. Не только соцсети. Аккаунты WhatsApp, Telegram, Amazon, Apple тоже можно использовать для регистрации на сайтах, в мобильных и веб-приложениях.
  5. Если подключить много вариантов авторизации — пользователи будут забывать, какой из них выбрали. Используйте популярные в вашем регионе (но Google в списке будет точно).

Недостатки регистрации через соцсети

Конечно, они тоже есть:

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

Авторизация через соцсети AppMaster.io

Сейчас на нашей платформе доступны основной модуль аутентификации и 4 модуля авторизации через сторонние сервисы:

  • Google
  • Apple
  • LinkedIn
  • Facebook

В чем их особенность? Прежде всего, в простоте настройки. Только для модуля LinkedIn нужно указать Секрет клиента, URL перенаправления и ID клиента. Для остальных модулей достаточно ID клиента или приложения — в зависимости от модуля.

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

Если не хотите ждать — пишите в телеграм-чат сообщества AppMaster.io, чтобы напрямую задать вопросы нашим разработчикам.

88
8 комментариев

Часто очень удобно использовать вход через другие сети и не регаться

4

"пользователи, особенно те, что много времени проводят в интернете, вообще отказываются заходить на новые ресурсы, если для входа нужно заводить новую учетную запись" - это прям про меня XD 

реально, если не могу войти через Google - то скорее всего просто закрою вкладку, плюс чисто психологически доверие к сайту, где нет кнопки входа через соцсеть, ниже - возникает ощущение, что либо сайт еще не доделали, либо создатели наплевательски относятся к пользователям

2

Очень удобно, особо когда долгая регистрация

3

Тем временем uLogin

1

А покажите одно приложение сделанное через ваш нокоде