Guides

상품 클릭 동작 제어

플레이어에서 상품을 클릭했을 때 현재 창에서 상품 페이지로 이동 혹은 새창으로 여는 로직등 원하는 로직을 아래와 같이 sauceflexMoveProduct 이벤트를 정의할 수 있습니다.

상품 링크 이동

window.addEventListener("message", (e) => {
  if (typeof e.data !== "string") return;
  let jsonData = JSON.parse(e.data);

  switch (jsonData.key) {
    // 상품 클릭에 대한 이벤트만 관리시에는 아래 코드만 추가 혹은 수정이 필요합니다. 
     ....
    case "sauceflexMoveProduct":
      if(!jsonData.params.linkUrl) return
       window.location.href = jsonData.params.linkUrl
      break;
    ...
  }
});


상품 새창 열기

window.addEventListener("message", (e) => {
  if (typeof e.data !== "string") return;
  let jsonData = JSON.parse(e.data);

  switch (jsonData.key) {
    // 상품 클릭에 대한 이벤트만 관리시에는 아래 코드만 추가 혹은 수정이 필요합니다. 
     ....
    case "sauceflexMoveProduct":
      if(!jsonData.params.linkUrl) return
       window.open(jsonData.params.linkUrl)
      break;
    ...
  }
});


별도 상품코드를 이용한 별도 링크로 이동처리

window.addEventListener("message", (e) => {
  if (typeof e.data !== "string") return;
  let jsonData = JSON.parse(e.data);

  switch (jsonData.key) {
    // 상품 클릭에 대한 이벤트만 관리시에는 아래 코드만 추가 혹은 수정이 필요합니다. 
     ....
    case "sauceflexMoveProduct":
      const externalProductId = jsonData.params.externalProductId
       if(!externalProductId) return
         window.location.href = `/event?productId=${externalProductId}`
     break;
    ...
  }
});