독립몰

이 문서에서는 독립몰에서 브이리뷰 위젯을 사용하기 위한 방법을 안내합니다. 독립몰은 호스팅 플랫폼을 사용하지 않고 자체 구축한 쇼핑몰을 의미합니다.

위젯 스크립트 삽입하기

아래 스크립트를 복사하여 쇼핑몰의 <head></head> 태그에 추가합니다.

<!-- 브이리뷰 스크립트 (dev@indentcorp.com) -->
<script src="https://script.vreview.tv/vreview.widget.js?vrid=${브이리뷰에서 전달받은 쇼핑몰 UUID 값}"></script>

<script src="https://script.vreview.tv/vreview.widget.js?vrid=75804e73-e4ab-4885-9f13-53e346aca259"></script>

브이리뷰 위젯이 성공적으로 초기화되면, window 객체에 정의된 onVreviewInitialized 함수가 호출됩니다.
함수 내에 초기화 후 실행할 코드를 작성하세요.

<!-- 브이리뷰 스크립트 (dev@indentcorp.com) -->
<script>
  function onVreviewInitialized() {
    console.log('브이리뷰 위젯이 정상적으로 초기화 되었습니다.')
  }
</script>

주의

만약 쇼핑몰이 SPA로 구현되어 있거나 동적으로 DOM을 생성하는 경우, DOM이 생성된 후 위젯을 초기화해야 합니다. 아래 스크립트를 복사하여 페이지 이동이 일어난 후 실행시켜 주세요.

window?.vreviewWidget?.refresh({
    uuid: ${브이리뷰에서 전달받은 쇼핑몰 UUID 값}
});

window?.vreviewWidget?.refresh({
  uuid: '75804e73-e4ab-4885-9f13-53e346aca259',
})