Jump to content

Авторизация с помощью Facebook

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

Создание приложения в Facebook

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

Шаг 1

Перейдите на страницу https://developers.facebook.com/apps и произведите авторизацию в Facebook.

Шаг 2

Нажмите на кнопку Добавить новое приложение, расположенную справа сверху страницы.

facebook_apps.jpg Кнопка добавления нового приложения в Facebook

 

Шаг 3

Заполните необходимые данные во всплывающем окне

create_new_app.PNGВведите название своего приложения и укажите категорию

 

После чего нажмите Создайте ID приложения, далее вам нужно будет ввести код безопасности.

Шаг 4

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

id.jpgНастройки приложения

 

Шаг 5

Спуститесь вниз страницы и нажмите кнопку Добавить платформу, где из предложенного выберите Веб-сайт.

platform.PNGДобавление новой платформы

 

Здесь укажите домен вашего сайта. Сохраните настройки.

Шаг 6

Перейдите обратно в главную панель, где увидите блок, похожий на этот:

dash.jpg Панель управления приложения

 

Здесь вам нужно скопировать Идентификатор приложения и Секрет приложения, и вставить их в настройки для подключения авторизации через Facebook в вашем адаминцентре. Перейдите на страницу Система > Настройки > Методы авторизации > Facebook.

face.jpgНастройка авторизации через Facebook в IPS4

 

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

Шаг 7

После сохранения метода авторизации, вы должны его активировать. 

 

logins.jpg Активация авторизации через Facebook

 

Активация приложения

Теперь нужно активировать наше созданное приложение в Facebook. Для этого перейдите в настройки вашего приложения и в боковом блоке кликните на меню 

proverka.jpgПроверка приложения

 

Вы попадёте на страницу, где сможете активировать ваше приложение.

make_on.PNG Делаем приложение общедоступным

 

Необходимо нажать на переключатель и активировать его, после чего подтвердить свои намерения.

Теперь пользователи смогут войти в систему с помощью своего аккаунта в Facebook.

loginfb.PNGАвторизация на сайте через Facabook

 

Публикация контента и импорт статусов

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

Поскольку эти настройки позволяют вашему сообществу читать и писать в хронику пользователя, Facebook требует, прежде, чем воспользоваться этими настройками, вы должны отправить приложение Facebook на рассмотрение. Если вы хотите включить любой из этих параметров, необходимо выполнить следующие действия:

  1. Если вы ещё не загрузили логотип вашего сайта и не указали ссылку на политику конфиденциальности, самое время сделать это.
  2. Включите настройки и авторизуйтесь на сайт с помощью Facebook. Вы увидите сообщение о том, что некоторые из ниже указанных разрешений не были одобрены для использования Facebook. Вы можете проигнорировать это сообщение и продолжить авторизацию.

    app_review.PNGРазрешения на сайте Facebook




  3.  
  4.  
  5. Если вы включили настройку "Пользователи могут делиться контентом сразу при его публикации?", вам необходимо выполнить эти действия. При публикации новой темы или любого другого контента, отметьте галочку Поделиться в Facebook.

    share_on_facebook.PNG Поделиться контентом сразу после его публикации

  6. Откройте настройки вашего приложения в Facebook и нажмите ссылку Проверка приложения в боковом блоке.

    submin_zayavka.jpgПодача заявки на одобрение



  7.  
  8.  
  9. Если вы включили настройку "Разрешить импорт статуса?", выберите из списка user_posts.

    user_posts.PNGВыбираем разрешения для настройки Разрешить импорт статуса?



  10.  
  11.  
  12. Если вы включили настройку "Пользователи могут делиться контентом сразу при его публикации?", вам нужно выбрать из списка publish_actions.

    actions.PNGВыбираем разрешения для настройки Пользователи могут делиться контентом сразу при его публикации?



  13.  
  14.  
  15. Далее нажмите Добавить X объектов.
  16. Если вы включили настройку "Разрешить импорт статуса?", нажмите Редактировать заметки напротив "user_posts" и заполните форму объяснением, как ваше сообщество разрешит пользователям импорт статусов на сайт. Вы должны выбрать платформу Веб, указать инструкцию и приложить видео, демонстрирующее работу этой возможности. Инструкцию:
     
    • На главной странице нажмите кнопку "Уже зарегистрированы? Войти" и нажмите "Войти с помощью Facebook".
    • Нажмите на ваше имя вверху справа сайта и в выпадающем списке выберите "Профиль"
    • Нажмите кнопку "Изменить профиль" и включите переключатель Включить обновления статусов?.
    • Нажмите на ваше имя справа вверху и выберите ссылку Настройки профиля.
    • Нажмите в боковом блоке элемент "Facebook".
    • Активируйте пункт "Обновить мой статус здесь, взяв статус из Facebook" и сохраните настройки.
    • Нажмите кнопку "Синхронизировать".
    • Нажмите на ваше имя в правом верхнем углу сайта и нажмите Профиль.
    • Обратит внимание, ваш статус был импортирован и отображается как элемент контента сайта.


    screencast.PNG Добавляем заметки для одобрения



  17.  
  18.  
  19. При включении настройки "Пользователи могут делиться контентом сразу при его публикации?", нажмите кнопку "Редактировать заметки" рядом с разрешением "publish_actions" и заполните форму объяснением, как ваше сообщество позволяет пользователям делиться созданным на вашем сайте контентом с их хроникой в Facebook. Вы должны выбрать платформу Веб, укажите инструкцию и загрузите видеоролик, показывающий, как Facebook может протестировать эту возможность. Инструкция:
     
    • На главной странице нажмите кнопку "Уже зарегистрированы? Войти" и нажмите "Войти с помощью Facebook".
    • Нажмите на кнопку "+ Создать", расположенную в правом верхнем углу сайта, и выберите Тему.
    • Отправьте тему, при этом выделите чекбокс Поделиться в Facebook.


    publish.PNG Заметки для одобрения



  20.  
  21.  
  22. После заполнения всех необходимых требований, вам будет доступна кнопка "Отправить на проверку".

sent.PNGОтправляем приложение на рассмотрение

Вы будете уведомлены об окончании прохождения проверки, после проверки все функции станут активными для вашего сайта.