Авторизация пользователей через социальные сети в WordPress

Здравствуйте, в сегодняшней теме рассмотрим: зачем нужна авторизация, как облегчить процесс авторизации пользователей в WordPress. Сразу раскрою интригу - облегчать его будем с помощью плагина авторизации через социальные сети: Facebook, Вконтакте, Google+, Twitter и прочих. Но, давайте по порядку.

Авторизация пользователей в WordPress

На многих сайтах организована возможность регистрации пользователей. Как правило, веб-мастер реализует ее для того, что бы создать какие-то дополнительные возможности. Например: доступность особо интересного контента только для зарегистрированных пользователей, либо возможность скачать файл, оставить комментарии.

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

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

И тут возникает дилемма - пользователь хочет комфорта на сайте, а владелец сайта хочет реализовать свои идеи, которые зачастую имеют финансовую составляющую.

Как же быть? Ответ достаточно прост: на данный момент встретить интернет пользователя, не имеющего аккаунт хотя бы в одной из многочисленных социальных сетей – достаточно сложно. И для реализации авторизации можно использовать эти самые социальные сети, попросту избегая процесса регистрации.

Авторизация в WordPress с помощью социальных сетей

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

uLogin – WordPress плагин авторизации пользователей на сайте

Следует упомянуть, что разработчики ulogin сделали возможность интегрировать свой продукт не только на сайты, созданные на движке WordPress, но так же и на другие CMS. На странице конструктора можно выбрать движок и прочитать инструкцию: http://ulogin.ru/constructor.php.

ulogin – средствами WordPress плагина авторизации пользователей можно организовать подключение с помощью множества социальных сетей, включая Facebook, Google+, Vkontakte, Одноклассники, Twitter, Mail.ru, Linkedin, OpenID и др.

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

Скачать плагин авторизации пользователей uLogin можно из административной панели Вордпресс. Либо отсюда: http://wordpress.org/plugins/ulogin/. Про установку плагинов можете прочитать в этой статье.

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

Так выглядят кнопки авторизации в форме комментариев:

Авторизация через социальные сети

В возможностях плагина кроме маленьких кнопок, можно установить и большие кнопки.

авторизация на сайте

А так же сделать всплывающее диалоговое окно.

авторизация в WP

При нажатии будет всплывать окно с предложением авторизироваться.

войти с помощью соц сетей

А вот так будет выглядеть авторизация в виджете, организованная с помощью плагина регистрации - Login With Ajax, о котором я уже писал.

Вход с помощью соц сетей

В стандартную WordPress форму регистрации, плагин так же добавит кнопки:

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

Установив плагин, перейдем в раздел uLogin:

настройки плагина авторизации

Как видите, настроек у плагина не так много.

Widget type – настраиваем размер кнопок авторизации, либо устанавливаем всплывающее модальное окно.

Panel providers – в этом поле через запятую необходимо указать какие кнопки авторизации пользователей будут видны по умолчанию. Остальные же будут выезжать при нажатии на стрелочку.

Полный список обозначений:

vkontakte, odnoklassniki, mailru, twitter, yandex, lastfm, openid, linkedin, livejournal, google, soundcloud, steam, flickr, vimeo, youtube, webmoney, foursquare, tumblr, googleplus, dudu, liveid, facebook.

По этим и остальным полям можете прочитать подробный faq: http://ulogin.ru/help.php#faq

На этом обзор этого плагина закончу. Напоследок замечу, что если встанет необходимость вывести кнопки авторизации в каком-либо другом месте сайта (хедер, футер), то необходимо добавить код:

<?php echo ulogin_panel(); ?>

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

Social Login – авторизация пользователей в WordPress

Скачать и установить плагин можно опять же либо из админки, либо тут: http://wordpress.org/plugins/oa-social-login/.

Переходим к настройкам и жмем «Click here to setup free account» (жмем сюда для создания бесплатного аккаунта):

регистарция нового аккаунта

Далее, на выбор жмем авторизацию через социальные сети (Sign up with a social network), либо создаем новый аккаунт (create my free account):

social buttons

Я решил авторизироваться с помощью LinkedIn, так как лень проходить стандартную регистрацию.

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

Затем жмем Create a new OneAll Site.

После чего заполняем данные:

create new site

В первом поле указываем Суб домен, во втором – название сайта, а в 3-м – адрес или адреса сайтов, на которых будет использоваться плагин.

Нажимаем Create this site (создать этот сайт).

Затем откроется страничка с вашими Subdomain, Public Key и Private Key. Данные этих полей необходимо занести в настройках API плагина в админке:

API авторизации

И подтвердить настройки (verify API Settings).

После чего должна появиться фраза: "The settings are correct", что означает, что вы все сделали верно.

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

добавление кнопок

Не забудьте сохранить изменения внизу страницы.

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

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

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

Для того, чтобы вывести кнопки в другом месте сайта, можно использовать следующий код:

<?php do_action('oa_social_login'); ?>

В разделе настроек можно изменить некоторые конфигурации:

настройки плагина авторизации WP

Среди которых:

Изменение надписи «Connected with» и изменение размеров кнопок 32х32 или 16х16 и др.

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

Комментарии к “Авторизация пользователей через социальные сети в WordPress

  1. подскажите пожалуйста плагин для того чтобы каждый отдельный пользователь мог делать пост

    1. Плагин не нужен. В общих настройках следует указать роль нового пользователя, как автора.

  2. А есть ли возможность только комментирования через социальные сети, без захода в админку пользователя и всплывающей консоли пользователя. что-то то типа Cackle.me

      1. Думаю Михаил интересовался плагином похожим на Cackle.me, но только бесплатным, меня вот тоже интересует что нибудь похожее по функционалу, но желательно без финансовых затрат, хотя бы на первое время…

        1. Трудно найти идеальный бесплатный плагин, удовлетворяющий всем нуждам. Если бы было не так, то разработчики сидели бы без дела. Лично меня вполне устраивает Disqus. Основные функции он выполняет.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *