如何限制对指定网站内容的访问

运行机制
如何获取

运行机制

如果网站拥有仅通过订阅提供的内容，可以将网站上的内容针对不同用户群体进行隐藏，从而吸引更多用户对游戏的兴趣或让网站更加安全。可通过以下方式之一配置访问限制：

通过自定义HTML代码。配置之前，需连接登录管理器产品。
通过订阅用户组。配置之前，需连接登录管理器和订阅产品。

如何获取

前提条件

在发布商帐户中打开您的项目。
在侧边栏中单击建站器。
在网站窗格中单击打开建站器。

在标题区块，添加登录管理器组件，并在下拉菜单中选择用于存储用户数据的登录管理器项目。

通过自定义HTML代码限制访问

您可以使用现有解决方案或添加自有代码。

使用现有解决方案

在建站器中，单击添加区块，然后选择自定义代码。

在区块中插入以下代码：

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>

在blockArray数组中，修改要对用户隐藏的区块的以下参数：
- blockName - 区块的CSS类名称。可以是：
  - .block--header（标题区块）
  - .block--hero（行动召唤区块）
  - .block--html（自定义代码区块）
  - .block--packs（套餐区块）
  - .block--description（说明区块）
  - .block--gallery（图库区块）
  - .block--requirements（系统要求区块）
  - .block--faq（常见问答区块）
  - .block--embed（社交媒体小组件区块）
  - .block--news（新闻区块）
  - .block--footer（页脚区块）
- blockNumber - 区块的序号。最小值是0。
单击预览查看更改。