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

Мы подготовили подробную инструкцию, как настроить авторизацию через Mail.ru и Yandex, чтобы процесс регистрации был не только простым, но и надёжным. В этой статье вы узнаете, как настроить почтовую авторизацию и быстро интегрировать её в ваш проект. Если вы не читали первую часть, вы можете ознакомиться с ней по ссылке.

Настройка регистрации через Mail.ru

Для того чтобы настроить регистрацию через Mail.ru и упростить процесс авторизации для пользователей, следуйте следующей инструкции.

Шаг 1: Добавление проекта в канал

В канал с проектом нужно прописать pkt_project_id.

Перейдите по ссылке для создания приложения на Mail.ru, затем нажмите «Создать приложение».

Шаг 2: Заполнение формы создания приложения

На странице создания приложения заполняете поля:

• Название приложения (любое, соответствующее проекту).
• Изображение (необязательно).
• В поле redirect_uri добавьте два варианта: с и без слэша (например, https://example.com и https://example.com/).

Убедитесь, что всё заполнено правильно, и нажмите «Подключить сайт».

Шаг 3: Получение Client ID и Client Secret

После создания приложения в редактировании приложения найдите следующие параметры:

• Client ID (ID Приложения).
• Client Secret (Секрет).

Скопируйте эти значения и добавьте их в параметры канала:

mailru_app_client_id: "ID Приложения / Client ID"

mailru_app_client_secret: "Секрет / Client Secret"

mailru_redirect_uri: "https://домен" - обязательно без "/".

Шаг 4: Проверка ссылок регистрации и авторизации

Для тестирования работы регистрации и авторизации через Mail.ru убедитесь, что в канале:

• Вписан номер проекта из ПКТ.
• Внесены все API-ключи.

Регистрация и авторизация через обычный способ тоже должны работать на этом этапе.

https://oauth.mail.ru/login?client_id=#{channel_data('params_hash')['mailru_app_client_id']}&response_type=code&redirect_uri=https://#{channel_data('domain')}&state=

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

Шаг 5: Тестирование работы регистрации через Mail.ru

Для тестирования работы регистрации и авторизации через Mail.ru убедитесь, что в канале:

• Вписан номер проекта из ПКТ.
• Внесены все API-ключи.

Регистрация и авторизация через обычный способ тоже должны работать на этом этапе.

Теперь ваша регистрация через Mail.ru настроена и готова к использованию. Протестируйте её на вашем домене, чтобы убедиться, что всё работает корректно и участники смогут легко регистрироваться в рамках промо-акции.

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

Для настройки регистрации через Yandex и упрощения процесса авторизации для пользователей, следуйте следующей инструкции.

Шаг 1: Прописка проектного ID в канал

В канал с проектом нужно прописать pkt_project_id.

Шаг 2: Создание приложения в Yandex

Для регистрации приложения используйте общий аккаунт с почтой bafsy.dev@yandex.ru.

Перейдите по ссылке для создания приложения на Yandex, затем создайте новое приложение.

При регистрации приложения выберите необходимые данные. В этом примере для промо-акции нужен только доступ к адресу электронной почты (email).

На следующем шаге впишите Redirect URI (адрес, куда будет перенаправляться пользователь после авторизации).

После ввода Redirect URI вписываете почту, с которой регистрируете приложение (это будет почта, которая будет ассоциирована с вашим приложением в Yandex).

Шаг 3: Получение ClientID и Client Secret

1. После создания приложения перейдите в настройки приложения и найдите параметры ClientID и Client Secret.
2. Скопируйте эти значения и добавьте их в параметры канала:

yandex_app_client_id: "ClientID"

yandex_app_client_secret: "Client Secret"

Шаг 4: Проверка ссылок регистрации и авторизации

1. Перейдите в модальные окна «Регистрация» и «Авторизация» в настройках канала.
2. Убедитесь, что ссылки для регистрации через Yandex прописаны правильно и имеют следующий вид:

https://oauth.yandex.ru/authorize?redirect_uri=https://#{channel_data('domain')}&response_type=code&client_id=#{channel_data('params_hash')['yandex_app_client_id']}

Шаг 5: Тестирование работы регистрации через Yandex

Для тестирования работы регистрации и авторизации через Yandex убедитесь, что в канале:

• Вписан номер проекта из ПКТ.
• Внесены все API-ключи.

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

Мы подготовили подробную инструкцию, как настроить авторизацию через Mail.ru и Yandex, чтобы процесс регистрации был не только простым, но и надёжным. В этой статье вы узнаете, как настроить почтовую авторизацию и быстро интегрировать её в ваш проект. Если вы не читали первую часть, вы можете ознакомиться с ней по ссылке.

Регистрация и авторизация через обычный способ должны работать на этом этапе.

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

Заключение

Правильная настройка авторизации и регистрации через социальные сети — это важный шаг для успешного проведения промо-акций. Упрощение этого процесса для пользователей помогает не только повысить вовлечённость, но и уменьшить количество отказов от участия. Каждая из социальных платформ — будь то ВКонтакте, Одноклассники, Mail.ru или Yandex — предлагает свои уникальные возможности для интеграции.

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

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

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