Подписаться

Авторизация пользователя в виджетах LiveTex через vk.com

Интеграция социальной сети ВКонтакте и сервисов LiveTex предоставляет дополнительную функциональность для посетителей сайта и операторов:

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

Отображение для посетителя

Для посетителя сайта в окне чата в поле, в котором вводятся данные о его имени, отображается кнопка Войти через VK.

По нажатию на кнопку появляется окно авторизации ВКонтакте. Если пользователь уже авторизован на сайте vk.com и браузер сохранил его данные, то появится окно, запрашивающее разрешение на авторизацию в виджетах LiveTex, используя данные сайта vk.com.

Такое окно появляется единожды при первой авторизации. 

Чтобы авторизоваться под другим пользователем, необходимо зайти на сайт vk.com и ввести авторизационные данные другого пользователя. 

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

Отображение для оператора

В Приложении оператора обращение авторизованного через ВКонтакте пользователя отобразится вместе с информацией о его профиле:

  • Имя;
  • Фамилия;
  • Ссылка на аватар посетителя;
  • Номер ID профиля посетителя;
  • Ссылка на профиль посетителя;
  • Код приватности - hidden: 1 (пункт появляется со значением "1", если у профиля пользователя установлена видимость страницы "Только пользователям ВКонтакте", в остальных случаях поле отсутствует). 

Установка кода

Для отображения кнопки авторизации через соцсеть ВКонтакте в окне чата необходимо изменить устанавливаемый на сайт код LiveTex:

  1. Перейдите в Личный кабинет на страницу Настройки во вкладку Точки контакта;
  2. Из выпадающего списка выберите необходимый сайт и нажмите на ссылку Код для сайта. По нажатию на ссылку откроется окно с кодом LiveTex;
  3. Скопированный код дополните методом:  
LiveTex.showVKButton();

Пример кода, содержащего метод, инициирующий показ кнопки авторизации через ВКонтакте:

<script type='text/javascript'>
     window['li' + 'veT' + 'ex'] = true,
     window['liv' + 'eT' + 'exID'] = 111111,
     window['liv' + 'eTex_o' + 'b' + 'ject'] = true;
       window.LiveTex = {
       onLiveTexReady: function() {
       LiveTex.showVKButton();
       }};
                 (function() {
                 var t = document['cre' + 'ateEle' + 'm' + 'ent']('script');
                 t.type = 'text/javascript';
                 t.async = true;
                 t.src = '//cs15.livete' + 'x' + '.ru/js/cli' + 'ent.j' + 's';
                 var c = document['getEleme' + 'nts' + 'B' + 'yTagName']('script')[0];
                 if (c) c['pare' + 'n' + 'tNod' + 'e']['i' + 'nse' + 'rt' + 'Bef' + 'or' + 'e'](t, c);
                 else document['docum' + 'entEl' + 'ement']['first' + 'Ch' + 'ild']['appe' + 'n' + 'dC' + 'hil' + 'd'](t);
                 })();
</script>

На использование метода существует ограничение: метод используется только для встроенного типа окна.

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 0 из 0
Еще есть вопросы? Отправить запрос

Комментарии