Быстрая регистрация: подключаем авторизацию через соцсети
Любая промо-акция должна быть максимально удобной для участников. Если регистрация сложная, требует много шагов или работает нестабильно, пользователи просто закроют страницу и не станут разбираться. В результате компания теряет потенциальных клиентов, а акция — эффективность.
Оптимальный вариант — авторизация через соцсети. Это быстро, привычно и снижает барьер входа. В нашей платформе Promokit можно легко подключить регистрацию через популярные социальные сети, позволяя участникам войти в пару кликов.
Делимся инструкцией по настройке авторизации и регистрации через соцсети или почту, чтобы процесс был быстрым, удобным и без технических сложностей.
Настройка регистрации через ВК
Шаг 1: Определяем ID проекта
Перед началом настройки в канал с проектом нужно прописать pkt_project_id (его можно узнать у менеджера).
Шаг 2: Создаём аккаунт ВКонтакте для авторизации
Если вы настраиваете авторизацию через ВКонтакте впервые, сначала нужно создать аккаунт ВК для бизнеса:
- Перейдите по ссылке.
- На первом шаге выберите «Юридическое лицо».
- На втором шаге заполните данные:
- Наименование: ООО "Бафси" (копируйте с кавычками).
- Email: укажите рабочий e-mail.
- Телефон: введите свой номер (он понадобится для подтверждения).
Завершите создание аккаунта.
Если у вас уже есть аккаунт ВКонтакте, пропускайте этот шаг и сразу переходите к следующему — созданию приложения.
Шаг 3: Создаём приложение в ВКонтакте
Теперь нам нужно создать приложение, которое будет использоваться для авторизации пользователей через ВКонтакте:
- Перейдите по ссылке (ID в ссылке может отличаться, ВК сам перенаправит).
- Нажмите «Добавить приложение».
На первом шаге:
- Введите название акции.
- Выберите тип «Web».
- При необходимости загрузите изображение (можно пропустить).
На втором шаге:
- Укажите базовый домен (без протокола https:// и без / на конце).
- Введите доверенный Redirect URL в двух вариантах: с / на конце и без.
- Нажмите «Готово».
После этого откроется страница редактирования, где нужно будет настроить параметры приложения.
Шаг 4: Настраиваем параметры приложения
После создания приложения необходимо скопировать его ключевые параметры и внести их в настройки канала:
Откройте вкладку «Приложение».
Найдите и скопируйте следующие данные:
- vk_app_client_id – ID приложения.
- vk_app_client_secret – Защищённый ключ (для его получения потребуется подтверждение через телефон).
- vk_redirect_uri – Домен (без / на конце).
Вставьте их в соответствующие поля в настройках вашего проекта на платформе.
Шаг 5: Настраиваем авторизацию
Теперь перейдём к настройке авторизации, чтобы приложение корректно запрашивало доступ к данным пользователей:
- Перейдите во вкладку «Авторизация».
- Отметьте необходимые поля (например, e-mail, телефон).
- Остальные настройки можно оставить без изменений.
Если вам нужно запрашивать e-mail или номер телефона участников, откройте вкладку «Доступы» и предоставьте соответствующие разрешения.
Шаг 6: Проверяем корректность работы
Перед запуском промо-акции важно убедиться, что регистрация и авторизация работают без ошибок.
- Проверьте, что в модальных окнах «Регистрация» и «Авторизация» ссылки соответствуют следующему формату:
- Убедитесь, что в настройках проекта на платформе Promokit прописаны:
- pkt_project_id (ID проекта);
- API-ключи;
- Проверьте, что обычная регистрация и авторизация уже работают;
- Тестирование авторизации через ВКонтакте нужно проводить только на домене, иначе вход может не сработать.
После успешного тестирования пользователи смогут быстро регистрироваться через ВКонтакте в один клик.
Настройка регистрации через ОК
Для удобства участников промо-акции, авторизацию можно настроить не только через ВКонтакте, но и через Одноклассники. Это сделает процесс регистрации ещё проще и доступнее для широкой аудитории.
Шаг 1: Подготовка проекта
Перед тем как настроить авторизацию, убедитесь, что в канал с проектом прописан pkt_project_id.
Шаг 2: Получение прав разработчика
Для настройки авторизации через Одноклассники необходимо получить права разработчика и создать приложение. Для этого:
- Перейдите по ссылке для создания приложения.
- Следуйте инструкции по получению прав разработчика и созданию нового приложения в Одноклассниках.
Шаг 3: Создание приложения в Одноклассниках
При создании приложения настройте его следующим образом:
Нажимаете сохранить.
На появившейся странице добавляете платформу со следующими настройками:
Ссылка на страницу без "/", в список разрешенных redirect_uri добавляете два варианта ссылки с и без "/".
После этого на вашу почту, указанную при регистрации в Одноклассниках, придёт письмо с необходимыми ключами для дальнейшей настройки.
Шаг 4: Внесение ключей в настройки проекта
Из письма с Одноклассников вам нужно забрать следующие данные и внести их в параметры канала на платформе Promokit::
Application ID → Вписываем в ok_app_client_id.
Публичный ключ приложения → Вписываем в ok_app_client_public.
Секретный ключ приложения → Вписываем в ok_app_client_secret.
Redirect URI → Вписываем в ok_redirect_uri (обязательно без / на конце).
Шаг 5: Настройка авторизации
Теперь нужно убедиться, что авторизация через Одноклассники настроена правильно:
В модальных окнах «Регистрация» и «Авторизация» ссылки на регистрацию через Одноклассники должны быть в следующем формате:
Убедитесь, что в настройках проекта указаны:
- номер проекта из Promokit;
- API-ключи.
Тестирование авторизации проводите только на домене, чтобы избежать ошибок при подключении.
Если необходимо передавать какое-то значение с сайта (например, информацию о пользователе до авторизации), используйте параметр state. Пример:
Итоги
Настройка авторизации через соцсети значительно упрощает процесс регистрации для пользователей и повышает конверсию участия в промо-акции. С помощью Promokit можно быстро интегрировать вход через ВКонтакте и Одноклассники, обеспечивая удобство и минимизируя возможные препятствия. В следующей части разберём регистрацию через почту и Mail.ru, чтобы охватить все возможные варианты.