Конструктор сайтов / Как ограничить доступ к определенному контенту на сайте
 На главную

Конструктор сайтов

  • Руководство по интеграции

  • Инструкции

  • Расширения

  • Справочники

  • Как ограничить доступ к определенному контенту на сайте

    Как это работает

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

    Как настроить

    Предварительные действия

    1. Откройте проект в Личном кабинете.
    2. Нажмите Конструктор сайтов в боковом меню.
    3. Нажмите Открыть конструктор сайтов в панели вашего сайта.

    1. В блоке Хедер добавьте компонент Войти и в селекторе выберите вариант авторизации, который вы используете для хранения данных пользователей.

    Ограничение доступа с помощью пользовательского HTML-кода

    Вы можете использовать готовое решение или добавить собственный код.

    Использование готового решения

    1. В окне конструктора нажмите Добавить блок и выберите блок Ваш код.

    1. Вставьте в блок следующий код:

    Copy
    Full screen
    Small screen
    <script>
      (function () {
        var blockArray = [
          {
            blockName: '.block--packs',
            blockNumber: 0
          },
          {
            blockName: '.block--description',
            blockNumber: 0
          }
        ];
    
        function checkAuth(authToken) {
          function handleBlock(hide) {
            setTimeout(function () {
              blockArray.map(function (block) {
                return document.querySelectorAll(block.blockName)[block.blockNumber];
              })
                .forEach(function (element) {
                  if (element) {
                    element.style.display = hide ? 'none' : 'block';
                  }
                });
            }, 0);
          }
    
          var token = /xsolla_login_token_sb=(.*);?/.exec(document.cookie);
          token = token && token[1] || authToken;
          if (!token) {
            handleBlock(true);
            return;
          }
          var info = JSON.parse(atob(token.slice(token.indexOf('.') + 1, token.lastIndexOf('.'))));
          var isAuth = Date.now() / 1000 < info.exp;
          if (!isAuth) {
            handleBlock(true);
            return;
          }
          handleBlock(false);
        }
    
        checkAuth();
        window.addEventListener('sb_xsolla_login_success', function (e) {
          checkAuth(e.detail);
        });
      })();
    </script>

    1. Измените в коде в массиве blockArray следующие параметры для каждого блока, который вы хотите скрыть от пользователей:
      • blockName — название CSS-класса блока. Возможные варианты:
        • .block--header (блок Заголовок)
        • .block--hero (блок Call-to-action)
        • .block--html (блок Ваш код)
        • .block--packs (блок Игровые пакеты)
        • .block--description (блок Описание)
        • .block--gallery (блок Галерея)
        • .block--requirements (блок Требования)
        • .block--faq (блок Частые вопросы)
        • .block--embed (блок Виджеты социальных сетей)
        • .block--news (блок Новости)
        • .block--footer (блок Футер)
      • blockNumber — порядковый номер блока, начиная с 0.
    2. Нажмите кнопку Просмотр, чтобы увидеть изменения.

    Ознакомьтесь с видеоинструкцией к разделу:


    Добавление собственного кода

    1. В окне конструктора нажмите Добавить блок и выберите блок Ваш код.

    1. Вставьте в блок собственный код.

    Ограничение доступа с помощью подписки на контент

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

    1. Настройте один или несколько планов подписки.
    2. Нажмите Конструктор сайтов.
    3. Нажмите Открыть и настроить в панели вашего сайта.
    4. Перейдите к настройкам блока, доступ к которому вы хотите ограничить.
    5. В поле Кто может просматривать блок выберите одну или несколько групп подписчиков. После публикации изменений блок будет скрыт для неавторизованных пользователей, а также для авторизованных пользователей, которые не купили подписку на выбранные планы.

    Note
    Ограничение можно установить во всех блоках, кроме блоков Хедер, Футер, Рекламный слайдер и Ваш код.

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

    Пример скрытого блока, который доступен одной группе подписчиков

    Пример скрытого блока, который доступен нескольким группам подписчиков

    Была ли статья полезна?
    Спасибо!
    Что может сделать страницу еще лучше? Сообщение
    Жаль, что так произошло
    Расскажите, почему статья не была полезна. Сообщение
    Спасибо за обратную связь!
    Ваши мысли и идеи помогут нам улучшить ваш пользовательский опыт.
    Оценить страницу
    Оценить страницу
    Что может сделать страницу еще лучше?

    В другой раз

    Спасибо за обратную связь!

    Полезные ссылки

    Последнее обновление: 20 июля 2021

    Нашли опечатку или ошибку в тексте? Выделите ее и нажмите Ctrl+Enter.

    Сообщите о проблеме
    Мы постоянно улучшаем качество нашей документации. Ваш отзыв поможет нам в этом.
    Укажите email-адрес, чтобы мы могли связаться с вами
    Спасибо за обратную связь!