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

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

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

• Через блок с пользовательским HTML-кодом. Перед настройкой необходимо подключить продукт Авторизация.
• Через группы подписчиков. Перед настройкой необходимо подключить продукты Авторизация и Подписки.

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

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

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

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

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

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

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

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

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

<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>

3. Измените в коде в массиве 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.
4. Нажмите кнопку Просмотр, чтобы увидеть изменения.

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

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

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

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

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

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

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

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

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

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

Оценить страницу

Что может сделать страницу еще лучше? Отправить

В другой раз

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

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