Pull to refresh
VK
Building the Internet

Авторизация пользователей через Mail.Ru API: большой эффект маленькой кнопки

Reading time 5 min
Views 30K
Привет, с вами снова команда Платформы@Mail.Ru!

В предыдущем посте мы рассказывали о различных социальных плагинах Моего Мира, а также сравнивали их эффективность на примере собственных проектов портала.

Настало время поговорить о других возможностях Mail.Ru API, возможностях более тесной интеграции сайтов с социальной сетью. И, конечно же, дело снова не обойдется без кейсов – уже кейсов независимых проектов с реальными показателями эффективности.

Поехали!


Регистрация пользователей Mail.Ru в два клика



Если вам нужно авторизовать или зарегистрировать посетителя на вашем сайте и у него есть аккаунт на Mail.Ru (а таковых в Рунете абсолютное большинство), вы можете сильно облегчить жизнь как себе, так и ему. Достаточно внедрить возможность регистрации и авторизации пользователей через Mail.Ru API.

Вместо того, чтобы предлагать пользователю в 125-й раз заполнять длинную форму регистрации на вашем ресурсе, предложите ему авторизоваться «в 2 клика» с помощью API. Это радикально снизит «порог входа» на ваш ресурс, а также повысит лояльность уже существующей аудитории. Как только пользователь дал согласие на авторизацию, вы получаете доступ к его персональной информации из профиля на Mail.Ru: email, имя, фамилия, фото, пол, возраст, город и так далее.

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

Вот как это все реализовано на сайте одного из наших многочисленных партнеров – darberry.ru:



После клика на кнопку «Войти» пользователь видит окно, на котором ему предлагается установить связь с сайтом, предоставив доступ к своему профилю:



Если пользователь нажимает кнопку «Установить связь», то вам через javascript API возвращается полная информация о нем, и вы можете произвести автоматическую регистрацию пользователя.

Кстати, вы можете спросить человека, не был ли он уже ранее зарегистрирован на вашем сайте, и «связать» его профили в один. Вот как это выглядит на проекте Bigbuzzy. Также это отличный пример автоматического заполнения полей в профиле на основе информации из аккаунта человека на Mail.Ru:



Кстати, возможность быстрой авторизации пользователей Mail.Ru на вашем сайте можно использовать не только в форме регистрации/авторизации, но и, например, в форме комментирования новостей или статей на ресурсе.

Техническая сторона интеграции


Подключить авторизацию через Mail.Ru API на свой сайт достаточно просто. Для этого нужно зарегистрировать ваш сайт и написать несколько строк javascript кода.

Ниже приведен пример странички с минимальной интеграцией:

<html>
<head>
 // этот небольшой скрипт создает минимальное окружение для библиотеки,
 // но не загружает ее саму
 <script type="text/javascript" src="http://cdn.connect.mail.ru/js/loader.js">
 </script>
</head>
<body>
 <script type="text/javascript">
  //<![CDATA[
  // этот вызов обязателен, он осуществляет непосредственную загрузку
  // кода библиотеки; рекомендуем всю работу с API вести внутри callback'а
  mailru.loader.require('api', function() {
   // инициализируем внутренние переменные
   // не забудьте поменять на ваши значения app_id и private_key
   mailru.connect.init(__app_id__, __private_key__);
   // регистрируем обработчики событий,
   // которые будут вызываться при логине и логауте
   mailru.events.listen(mailru.connect.events.login, function(session){
   window.location.reload();
   });
   mailru.events.listen(mailru.connect.events.logout, function(){
   window.location.reload();
   });
   // проверка статуса логина, в result callback'a приходит
   // вся информация о сессии (см. следующий раздел)
   mailru.connect.getLoginStatus(function(result) {
   if (result.is_app_user != 1) {
    // пользователь не залогинен, надо показать ему кнопку логина

    // вешаем кнопку логина (пример для jquery)
    $('<a class="mrc__connectButton">вход@mail.ru</a>').appendTo('body');
    // эта функция превращает только что вставленный элемент в
    // стандартную кнопку Mail.Ru
    mailru.connect.initButton();
   } else {
    // все ок, можно работать

    // получаем полную информацию о текущем пользователе
    mailru.common.users.getInfo(function(result){console.log(result[0].uid)});
   }
   });
  });
  //]]>
 </script>
</body>
</html>



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

Какой эффект можно получить


Наконец, цифры – например, по Darberry. Все цифры были получены еще летом, до масштабной рекламной компании на Mail.Ru.

  • 62% пользователей Darberry зарегистрированы с ящиков Mail.Ru.
  • Внедрение специального механизма авторизации для пользователей Mail.Ru увеличил конверсию формы регистрации в два раза. Если раньше регистрировался каждый 10-й пришедший новый пользователь, то после интеграции — каждый 5-й.


Еще пример – altergeo.ru, сложный технологичный стартап с преимущественно «гиковской» аудиторией. Их опыт интеграции Mail.Ru API:
  • До интеграции входа «в два клика» 24% пользователей были зарегистрированы c ящиков Mail.Ru.
  • После интеграции процент пользователей с ящиками Mail.Ru оказался равным 42%, при этом у них уже стояли кнопки от всех социальных сетей.
  • 57% пользователей Mail.Ru зарегистрировались и входят именно через кнопку «Войти с Mail.Ru»


Еще интересные и убедительные факты:
  • Mail.Ru — это почта, которой пользуются каждые 6 из 10 пользователей Рунета
  • Mail.Ru – это социальная сеть Мой Мир, у которой в месяц аудитория 18.5 миллионов пользователей (за сентябрь, только по России, TNS)
  • В среднем по Рунета — 50% пользователей регистрируются через ящики Mail.Ru


Так что интеграция авторизации через Mail.Ru API может стать существенным улучшением для вашего проекта.

Понятно, что удобной авторизацией возможности Mail.Ru API отнюдь не исчерпываются. В следующем посте мы расскажем еще больше!

C уважением,
Команда проекта Платформа@Mail.Ru

P.S. На все ваши вопросы по глубокой интеграции, как всегда, готов ответить Антон Мельников, менеджер по продвижению Платформы@Mail.Ru. Если вы еще не добавили его в контакты — добавляйте: a.melnikov@corp.mail.ru
Конечно, он опять читает комментарии и сразу отвечает.
Хорошего дня!
Tags:
Hubs:
+27
Comments 58
Comments Comments 58

Articles

Information

Website
vk.com
Registered
Founded
Employees
5,001–10,000 employees
Location
Россия
Representative
Миша Берггрен