사이트의 특정 콘텐츠에 대한 액세스 제한 방법

작동 방식

사이트에 구독으로 제공되는 고유 콘텐츠가 있거나, 게임으로 사용자의 관심을 더 끌고 싶거나 사이트 보안을 더 강화하고 싶다면 다른 그룹 사용자로부터 사이트 콘텐츠를 숨길 수 있습니다. 액세스 제한 구성 방법:

획득 방법

선행 조건

  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 (콜투액션 블록)
      • .block--html (사용자 정의 코드 블록)
      • .block--packs ( 블록)
      • .block--description (설명 블록)
      • .block--gallery (갤러리 블록)
      • .block--requirements (시스템 요구사항 블록)
      • .block--faq (FAQ 블록)
      • .block--embed (SNS 위젯 블록)
      • .block--news (뉴스 블록)
      • .block--footer (푸터 블록)
    • blockNumber - 블록 순서 번호. 최솟값은 0입니다.
  2. 다음 미리보기를 클릭하면 변경 사항을 볼 수 있습니다.

이 지침에 대한 튜토리얼 동영상 시청:


자체 코드 추가

  1. 빌더에서 블록 추가를 클릭하고 사용자 지정 코드를 선택합니다.

  1. 자체 코드를 블록에 삽입합니다.

구독을 사용하여 콘텐츠에 대한 액세스 제한

구독을 사용하여 블록에 대한 액세스 제한 방법:

  1. 하나 이상의 구독 플랜을 설정합니다.
  2. 웹사이트 빌더를 사이드 메뉴에서 클릭합니다.
  3. 웹사이트 빌더 열기를 사이트 창에서 클릭합니다.
  4. 액세스를 제한하려는 블록의 설정으로 이동합니다.
  5. 이 블록을 볼 수 있는 사람 필드에서 하나 이상의 구독자 그룹을 선택합니다. 변경 사항이 게시된 후 블록은 권한이 없는 사용자 및 선택된 플랜을 구매하지 않은 사용자들에게 표시되지 않습니다.

Note
머리글, 바닥글, 프로모션 슬라이더, 사용자 지정 코드를 제외한 나머지 모든 블록에 대해 제한을 설정할 수 있습니다.

  1. 제한 설정 사용으로 숨겨진 블록이 어떻게 표시되는지 확인합니다. 미리 보기 버튼을 클릭하고 상단 메뉴의 드롭다운 목록에서 구독자 그룹을 선택합니다.

하나의 구독자 그룹이 사용할 수 있는 숨겨진 블록의 예

여러 구독자 그룹이 사용할 수 있는 숨겨진 블록의 예

이 기사가 도움이 되었나요?
감사합니다!
개선해야 할 점이 있을까요? 메시지
유감입니다
이 기사가 도움이 안 된 이유를 설명해 주세요. 메시지
의견을 보내 주셔서 감사드립니다!
메시지를 검토한 후 사용자 경험 향상에 사용하겠습니다.
이 페이지 평가
이 페이지 평가
개선해야 할 점이 있을까요?

답하기 원하지 않습니다

의견을 보내 주셔서 감사드립니다!

유용한 링크

마지막 업데이트: 2021년 7월 20일

오자 또는 기타 텍스트 오류를 찾으셨나요? 텍스트를 선택하고 컨트롤+엔터를 누릅니다.

문제 보고
콘텐츠를 항상 검토합니다. 여러분의 피드백은 콘텐츠를 개선에 도움이 됩니다.
후속 조치를 위해 이메일을 제공해 주세요
의견을 보내 주셔서 감사드립니다!