Регистрация через соц. сети ^#802173

Обратите внимание!
Авторизация через соц.сети доступна для страницы Регистрации и Логин с шаблоном "Страница регистрации".

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

Рассмотрим, как настроить авторизацию социальных сетей на сайте.

Откройте систему управления сайтом и перейдите в раздел "Данные сайта" > "Пользователи"

В разделе "Пользователи" нажмите на кнопку "Настройки".

Перейдите к вкладке "Регистрация через соц. сети".

Настройте соответствия полей пользователей с полями передаваемыми со стороны социальной сети.

Быстрая авторизация - при включении на главной странице сайта появляется окно авторизации, которое позволяет посетителю сайта быстро авторизоваться c помощью VK ID. Настройка работает только при включении авторизации VK ID.

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

Кратко опишем настройки авторизации для каждой из социальных сетей.

Обратите внимание!

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

(доступно только для сайтов c подключенным SSL-сертификатом, то есть для сайтов, работающих через https)

VK ID — это удобный и безопасный сервис авторизации для пользователей и бизнеса. Вы можете упростить процесс регистрации и авторизации посетителей на сайте, если включите его.

Для работы авторизации через VK ID отметьте её галочкой в настройках и сохраните изменения.

Используя инструмент авторизации VK ID, вы принимаете условия Оферты об использовании VK ID, опубликованной по адресу: https://id.vk.com/about/business/go/legal/vkid/offer.

Обратите внимание!

• Для настройки VK ID на сайтах за пределами РФ необходимо создать приложение авторизации вручную. Инструкция по созданию приложения и настройке доступна по ссылке.

Яндекс ID — это единый аккаунт для входа во все сервисы Яндекса, а также на сайты и в приложения, которые поддерживают такую авторизацию. Вы можете упростить процесс регистрации и авторизации посетителей на сайте, если активируете в настройках эту опцию.

Для работы авторизации через Яндекс ID отметьте её галочкой в настройках, и сохраните изменения.

Чтобы получить ключи для настройки авторизации через Google+:

1. Перейдите по ссылке (вы должны быть авторизованы в Google).

2. Создайте проект (Create project), если еще не создан, или выберите нужный из тех, что есть.

3. Заполните название проекта (Project name), локацию (Location) и нажмите кнопку Create.

   

3. Перейдите к настройкам созданного проекта.

5. Откройте раздел “API и сервисы” (APIs & Services), затем “Окно запроса доступа OAuth” (OAuth consent screen).

6. Выберите тип пользователя (User type) и нажмите “Create”.

   

7. На вкладке "Окно запроса доступа QAuth" заполните все необходимые параметры и нажмите кнопку “Save and continue”

8. Откройте раздел “API и сервисы” (APIs & Services), затем "Учетные данные" (Credentials).

9. Нажмите «Создать учётные данные» (Create credentials) и выберите «Идентификатор клиента OAuth» (OAuth» client ID).

10. Выберите тип приложения - "Веб-приложение" (Web application).

11. Укажите название (Name).

12. В поле "Разрешенные источники JavaScript" (Authorized JavaScript origins) добавьте адрес вашего сайта.

13. В поле "Разрешенные URI перенаправления" (Authorized redirect URIs)  - http://ваш_сайт/users/hauth/done/google (если на вашем сайте подключен SSL-сертификат - https://ваш_сайт/users/hauth/done/google; если в SEO-панели у вас настроена только работа с www - www://ваш_сайт/users/hauth/done/google).

14. Нажмите "Create".

15. Откроется окно, в котором вам будет необходимо скопировать "Ваш идентификатор клиента" (Your client ID) и "Ваш секрет клиента"  (Your client secret).

    

16. Вставьте скопированные ключи в системе управления в поля "Ключ приложения Client ID" и "Секретный ключ Client SECRET" соответственно.

17. Сохраните изменения.

Чтобы получить ключи для настройки авторизации через Twitter,:

1. Перейдите по ссылке.
2. Если вы еще не зарегистрированы как разработчик, Twitter предложит вам это сделать. Нажмите "Apply for a developer account".
3. При необходимости верифицируйте аккаунт (если Twitter запросит номер телефона для привязки к аккаунту) и после нажмите "Continue".
4. В открывшемся окне отметьте "I am requesting access for my organization" и далее заполните анкету по шагам (вам будет необходимо указать информацию о компании, а также изложить цель получения прав).
5. После заполнения Twitter отправит вам на почту письмо для подтверждения аккаунта. Пройдите по ссылке из письма.
6. Twitter отправит вашу заявку на рассмотрение.
7. Как только ваша заявка будет одобрена, снова пройдите по ссылке.
8. Создайте новое приложение, заполнив все поля (в поле "Callback URL" укажите http://ваш_сайт/users/hauth/done/twitter).
9. Сохраните приложение.
10. Скопируйте Consumer key и Consumer secret (доступны на вкладке "Keys and Access Tokens").
11. Вставьте скопированные ключи в системе управления в поля "Ключ приложения Client ID" и "Секретный ключ Client SECRET" соответственно.
12. Сохраните изменения.

(доступно только для сайтов c подключенным SSL-сертификатом, то есть для сайтов, работающих через https)

Чтобы получить ключи для настройки авторизации через Facebook, вам необходимо:

1. Зарегистрироваться как разработчик по ссылке (предварительно вам необходимо быть авторизованным в Facebook).
   • Нажать "Зарегистрироваться",
   • Подтвердить правила платформы и политику конфиденциальности,
   • Указать свой номер телефона, отправить на него код подтверждения, указать его в окне регистрации,
   • Завершить регистрацию.
2. Создать приложение, нажав "Добавьте новое приложение".
   • Указать название (например, адрес сайта),
   • Указать электронный адрес для связи,
   • Нажать "Создайте ID приложения".
3. Перейти в "Настройки" созданного приложения - подраздел "Основное".
4. Указать в основных настройках "Эл. адрес для связи" (если не указан) и ввести адрес сайта в поле "Домены приложений". Также при необходимости заполните прочие параметры.
5. Далее в настройках (внизу "Основных" настроек):.
   • Нажать "Добавить платформу",
   • В открывшемся окне выбрать "Веб-сайт",
   • Указать в появившемся поле URL-адрес вашего сайта.
6. Затем в меню слева нажмите на "+" в блоке "Продукты".
   • Выберите пункт "Вход через Facebook" и нажмите "Настроить".
   • В меню слева в блоке "Продукты" в разделе "Вход через Facebook" перейдите к подразделу "Настройки".
   • Переведите параметр "Использовать строгий режим для URI перенаправления" в неактивное состояние (Обратите внимание! В случае если данный параметр заблокирован, и у вас нет возможности отключить его, вы можете в поле "Действительные URL-адреса для перенаправления OAuth" ввести не только адрес сайта, но также адрес вида https://ваш_сайт/users/hauth/done/facebook),
   • Ввести в поле "Действительные URL-адреса для перенаправления OAuth" адрес вашего сайта.
7. Вернуться в раздел "Настройки" - "Основное".
8. Скопировать значения "Идентификатор приложения" и "Секрет приложения".
9. Вставить скопированные ключи в системе управления в поля "Ключ приложения Client ID" и "Секретный ключ Client SECRET" соответственно.
10. Вставить в поле "URL-адрес политики конфиденциальности" ссылку на страницу с информацией о политике конфиденциальности на вашем сайте.
11. Сохранить изменения.
12. Вернуться в панель разработчика facebook и перейти к вкладке "Проверка приложения", где перевести настройку "Сделать приложение доступным для всех" в статус "Да".

Подробнее...

После настройки социальных сетей не забудьте сохранить изменения.

• В случае если вы подключили авторизацию через какую-либо социальную сеть и уже после этого подключили или отключили SSL на своем сайте, необходимо в настройках всех подключенных социальных сетей изменить адрес (с http на https или наоборот - в зависимости от операции с SSL).
• Чтобы отключить авторизацию через сеть - просто снимите галочку рядом с ее настройками.
• Если пользователь авторизуется через аккаунт социальной сети, привязанный к Email'у, пользователь с которым уже существует в системе управления, его аккаунт социальной сети просто привяжется к уже существующему аккаунту на сайте.
• Если пользователь авторизовался через одну социальную сеть (и социальная сеть передала его email на сайт), пользовался аккаунтом, и через некоторое время авторизовался уже через другую социальную сеть (на этот раз социальная сеть не передала email), после чего ввел адрес электронной почты (тот же, что передала первая социальная сеть), пользователю будет предложено объединить оба аккаунта - созданный при авторизации через одну социальную сеть и созданный при авторизации через другую - в один аккаунт.
• Пользователь, авторизовавшийся через социальную сеть, в случае, если социальная сеть не передала данные о его Email'е, сможет в дальнейшем указать свой адрес в кабинете.
• В случае если в форме регистрации на сайте добавлено более одного поля для номера телефона, вам нужно выбрать в какое будет передаваться номер телефона при авторизации через Яндекс ID. Сделать это вы можете по инструкции.