Виджет авторизации

Установка

Добавить следующий код на страницу где нужно расположить иконки социальных сетей:

<div id="anycomment-login"></div>
<script>
    AnyComment = window.AnyComment || []; AnyComment.Login = [];
    window.AnyComment.Login.push({
        root: 'anycomment-login',
        app_id: APP_ID,
        providers: 'vkontakte,twitter,odnoklassniki,google,mailru',
        options: {
            show_login_with: false,
        },
        onLogin: function (envelope) {
            console.log(envelope);
        }
    });
    var s = document.createElement("script"); s.type = "text/javascript"; s.async = true;
    s.src = "https://cdn.anycomment.io/assets/js/login.js";
    var sa = document.getElementsByTagName("script")[0];
    sa.parentNode.insertBefore(s, s.nextSibling);
</script>

Замените APP_ID на ID своего сайта. Для этого нужно зарегистрироваться и добавить сайт.

Опции

Дополнительные опции:

Доступные провайдеры ("Ключ" это то, что нужно указывать в providers):

onLogin конверт

envelope в onLogin вернет следующую структуру (TypeScript определение):

interface LoginEnvelope {
  is_auth: boolean;
  user: UserIdentity
}

interface UserIdentity {
  about: string | null;
  avatar_url: string | null;
  created_date: string;
  email: string | null;
  first_name: string | null;
  id: number;
  is_moderator: boolean;
  last_name: string | null;
  name: string;
  sex: null | 0 | 1;
  social_url: string | null;
  username: string | null;
  meta: MetaEnvelope
  token: string;
  token_valid_until: number;
  token_lifetime:  number;
}

interface MetaEnvelope {
    new_email_requested: boolean;
}

Пример:

{ 
   "is_auth":true,
   "user":{ 
      "id":4157,
      "provider":"vkontakte",
      "provider_id":"1234567",
      "email":"vasya.petrov@gmail.com",
      "first_name":"Вася",
      "last_name":"Петров",
      "name":"Вася петров",
      "is_moderator":false,
      "sex":0,
      "username":"138463530",
      "social_url":"https://vk.com/vasya.url.example",
      "avatar_url": null,
      "about":null,
      "created_date":"2019-10-31 19:21:59+01"
   },
   "token": "-BNuM4jE1Da2GZpB2Im-Xb-r4mTx--2d_OlC4ZRBdvN9y0st3T4VDp9UiWRu_v17",
   "token_valid_until": 1575224078,
   "token_lifetime": 86400
}

О полях подробнее:

Объект user:

Объект meta: