소스클립 브릿지 가이드

소스클립을 iframe 으로 사용할 경우 message 리스너 정의 혹은 특정 action 에 대해서 브릿지를 구현하여 연동하는 방식으로 구현가능합니다.

아래의 세팅은 iframe 방식의 예시입니다.


<iframe src='https://player.sauceclip.com/player?partnerUniqueId={고객사ID}&clipId={클립ID}' />
 
  window.addEventListener('message',(e)=>{
      if (typeof e.data === 'string') {
       const jsonData = JSON.parse(e.data)
        switch (jsonData.key) {
             ...
         // 상품 클릭시의 이벤트 정의
          case 'sauceclipMoveProduct':
            window.location.href = `${jsonData.params.linkUrl}`
            break
        }
      }
})

소스클립에서 제공하는 message 호출에 대한 switch case 에 대한 payload 정의 payload 정의 를 참고해주세요.

로그인이 필요한 기능에 접근한 비로그인 유저의 동작을 정의하기 위한 상세 가이드는 로그인 이벤트(로그인 필요 기능 접근 제어) 를 참고해주세요.