Contents x
    아임웹
      • Print
      Contents

      아임웹

        • Print
        The content is currently unavailable in English. You are viewing the default Korean version.
        Article summary

        사전 준비

        샵라이브 담당자로부터 Access Key를 발급받아 준비합니다.

        1단계: 공통 레이아웃 head에 초기화 코드 삽입

        아임웹 어드민 → 디자인 편집 → 공통 레이아웃 → <head> 영역에 아래 코드를 삽입합니다.

        <!-- Shoplive Plugin -->
<script type="text/javascript" src="https://static.shoplive.cloud/shoplive.js"></script>
<script>
  /* YOUR_ACCESS_KEY 자리에 발급받은 Access Key를 입력하세요 */
  cloud.shoplive.initPlugin({ accessKey: "YOUR_ACCESS_KEY" });

  if (window.MEMBER_UID && window.MEMBER_UID !== '') {
    cloud.shoplive.setUserObject({ userId: window.MEMBER_UID });
  }
</script>

        공통 레이아웃에 삽입해야 모든 페이지에서 미니 프리뷰 등 기능이 정상 동작합니다.

        2단계: 라이브 페이지 body에 플레이어 코드 삽입

        방송 목록을 노출할 페이지의 HTML 위젯 또는 body 영역에 아래 코드를 추가합니다.

        <!-- Shoplive Plugin -->
<div id="shoplive-overall-area"></div>
<script defer>
  cloud.shoplive.setOverall('shoplive-overall-area');
</script>

        참고사항

        • 공통 레이아웃과 라이브 페이지 양쪽 모두 삽입해야 정상 동작합니다.

        • initPlugin이 동일 페이지에 중복 삽입되지 않도록 합니다.

        • JWT 보안 인증은 서버가 필요한 방식으로, 아임웹 환경에서는 사용할 수 없습니다.

        What's Next