소스클립 전시 브릿지 가이드

소스클립에서 제공하는 전시 라이브러리를 세팅시에 함수 정의를 통해 방송 카드 클릭 ,상품 클릭과 같이 미리 정해진 action에 대한 정의를 할 수 있고 고객사 별로 커스텀 액션을 정의할 수도 있습니다.

기본적인 세팅은 라이브러리 세팅 이후에 아래와 같은 세팅방식으로 적용 가능합니다.

// ex)  클립 카드 클릭시 기본 설정된 방송 URL 로 이동 => 별도 설정된 URL 로 이동 변경처리
<script>
window.addEventListener('message',(e)=>{
      if (typeof e.data === 'string') {
        const jsonData = JSON.parse(e.data)
        switch (jsonData.key) {
         // 별도 설정된 클립 플레이어 링크로의 이동 이벤트 정의
          case 'sauceclipMoveBroadcast':
            window.location.href = `CUSTOM_LINK?clipId=${jsonData.params.clipId}`
            break
          //방송 종료
        }
      }
})
</script>

소스클립 전시에서 제공하는 함수에 대한 정의는 payload 정의 를 참고해주세요.