Инструменты для настройки регистрации и авторизации через социальные сети для сайтов, веб и мобильных приложений — это no-code и low-code решения разной степени сложности. Есть масса готовых плагинов, виджетов, модулей и даже платформ с наборами инструментов для таких интеграций.
Как это работает
Общий механизм таков:
- Пользователи нажимают на значок определенной социальной сети, такой как Facebook или LinkedIn, в окне входа.
- После этого приложение запускается, передавая данные из приложения или сайта и наоборот. Его работа практически незаметна - отображается только всплывающее сообщение с просьбой подтвердить регистрацию/вход через выбранный сервис.
- После подтверждения нажатием кнопки «Продолжить как…» социальная сеть передает ключ доступа к данным текущего профиля в зависимости от установленных разрешений.
- Ваш ресурс запускает процесс регистрации и копирования необходимых данных — но только тех, которые ранее были настроены на сбор (или заданы в параметрах компонента, отвечающего за авторизацию).
Какие данные можно собирать
Публичные данные (они отличаются от ресурса к ресурсу). Чаще всего они включают в себя логин, ID или адрес страницы, фото или аватар, фамилию, имя, адрес электронной почты, местоположение, часовой пояс, пол, возраст.
Многое зависит от того, к какой информации разрешили доступ сами пользователи в настройках своего аккаунта. Часто при регистрации или редактировании профиля люди автоматически проставляют лишние «галочки», что открывает доступ к дополнительной информации. Списки разрешений на отправку данных можно найти в документации или настройках конкретной социальной сети.
Зачем это нужно?
Владельцам сайтов, мобильных и веб-приложений это поможет собрать больше информации о целевой аудитории, предпочтениях, интересах, круге общения. Люди заполняют свои истории в Facebook, данные о работе в LinkedIn или страницу в Instagram более тщательно, чем регистрационную форму или профиль, поэтому информация будет более точной.
Также меньше вероятность того, что ваши клиенты забудут учетные данные, под которыми они авторизовались. История взаимодействия будет актуальнее, а конверсия, соответственно, будет выше.
Также, если помимо авторизации вы настроите возможность ставить лайки, комментировать, делать репосты - клиенты будут чаще говорить о вас и своих впечатлениях от работы с вами (увы, не только положительных, но и отрицательных).
Пользователям удобнее нажать кнопку «Войти» через свой привычный Google, Facebook, Twitter, Linkedin (в котором они, скорее всего, уже авторизованы), чем вносить данные в отдельную форму на сайте или в приложении. Некоторые пользователи, особенно те, кто много времени проводит в Интернете, вообще отказываются переходить на новые ресурсы, если для входа им необходимо создать новую учетную запись или заполнить анкету.
Настроив форму быстрого входа, вы повысите шансы на то, что потенциальные клиенты все же проявят активность – перейдут на сайт, скачают приложение и протестируют мобильную игру.
Однако и традиционную форму регистрации тоже стоит оставить, поскольку некоторые люди, особенно старшее поколение, с недоверием относятся к кнопкам авторизации через социальные сети, особенно если ресурс, на котором нужно зарегистрироваться, им незнаком.
Как настроить
Независимо
Это придется делать отдельно для каждой соцсети, также добавлять блоки кода, которые часто сложно настроить новичкам — как на стороне вашего сайта или приложения, так и на внешнем сервисе. Для решений без кода этот вариант не особо подходит, если только вы не пришли к разработке без кода из обычного программирования и у вас уже есть подобный опыт.
Через спецслужбы
Такие сервисы предоставляют не только целые списки различных ресурсов, через которые можно настроить вход, но и удобные инструменты для статистики, аналитики, интеграции в личном кабинете. Это сократит время разработки, а также упростит работу с клиентами в готовом приложении. Минусы в том, что инструменты менее гибкие, чем созданные самостоятельно или под конкретную платформу, плюс вы так или иначе будете привязаны к сервису.
Плагины, виджеты, модули
Варианты отлично подходят для решений, построенных на CMS/платформах без кода. Вход и регистрация необходимы как для веб-сайтов, так и для приложений — независимо от того, веб они или мобильные — поэтому даже на непопулярных платформах вы можете найти множество вариантов, особенно если ваше сообщество достаточно активно.
Правила для разработчиков
Какой бы вариант вы ни выбрали, важно придерживаться основных правил.
- Если данные передаются через форму на вашем сайте или обрабатываются в вашем приложении, вы несете ответственность за их сохранность.
- Условия использования и политика конфиденциальности не только помогут уберечь вас от неприятностей, но и добавят лояльности со стороны новых пользователей.
- Рядом с кнопкой регистрации кратко объясните, почему вход через сторонние сервисы лучше. Придумайте бонус для клиентов, который будет дополнительной мотивацией.
- Не только социальные сети. Аккаунты WhatsApp, Telegram, Amazon, Apple также можно использовать для регистрации на сайтах, в мобильных и веб-приложениях.
- Если подключить много вариантов авторизации, пользователи забудут, какой из них они выбрали. Используйте популярные в вашем регионе (но Google обязательно должен быть в списке).
Недостатки регистрации через социальные сети
Конечно, они тоже есть:
- Чем старше ваша целевая аудитория, тем меньше вероятность того, что ее представители будут использовать этот вид регистрации.
- Не все сервисы подходят для ресурсов, ориентированных на корпоративных клиентов, особенно развлекательных социальных сетей.
- Не все поставщики предоставят вам всю необходимую информацию. Поэтому обязательно читайте документацию, проводите тесты, следите за новостями и обновлениями сервисов, через которые настроена авторизация.
- При удалении или изменении аккаунтов пользователи теряют доступ к вашему ресурсу.
- Даже постоянные клиенты часто забывают, через какой сервис они авторизовались.
Авторизация через социальные сети на AppMaster.io
Теперь на нашей платформе доступен основной модуль аутентификации и 4 модуля авторизации через сторонние сервисы:
- Яблоко
- Фейсбук
Каково их значение? Прежде всего, в простоте настройки. Только для модуля LinkedIn необходимо указать секрет клиента, URL-адрес перенаправления и идентификатор клиента. Для остальных модулей достаточно идентификатора клиента или приложения, в зависимости от модуля.
Настройка на стороне сторонних сервисов тоже проста — достаточно зарегистрировать аккаунт разработчика, указав несколько основных параметров. Пошаговая инструкция по настройке модулей авторизации — в наших следующих статьях .
Если не хотите ждать — пишите в телеграм-чат сообщества AppMaster.io , чтобы напрямую задать вопросы нашим разработчикам.
