티스토리 뷰
목차
쿠팡 상세페이지에 동영상 무한반복 업로드 방법
쿠팡은 네이버와 다르게 gif 파일이 등록되지가 않습니다.
그렇기 때문에 어떤 역동적인 모습을 보여주기 위해서는 동영상을 첨부하는 방법이
가장 좋은 방법인데요.
그중에도 상세페이지 가장 상단 즉 고객이 상세페이지로 들어왔을 때 가장 윗부분에
동영상으로 상품을 소개 해준다면 큰 임팩트를 줄 수 있습니다. 그래서 많은 셀러들이
상세페이지 상단에 그리고 페이지 중간중간에 동영상을 첨부하고 있습니다.
그냥 동영상을 넣게 되면 고객이 동영상을 다시 보기 위해서 클릭을 해야 하는 번거로움이
생기기 때문에 이탈율이 높아질 수 있습니다. 해서 동영상을 무한으로 자동 재생하는 것이
가장 좋습니다.
우선 무한 반복 재생을 하기 위해서는 유튜브에 동영상을 업로드해야 하는데요. 이 부분은
간단한 방법이기에 넘어가도록 하겠습니다. 혹시나 이부분에 어려움이 있으신 분들을 위해서
다음에 간략히 다시 정리해 드리도록 하겠습니다.
그럼 우선은 유튜브에 동영상이 업로드 되었다는 전제하에 설명드리겠습니다.
우선 업로드할 동영상을 선택하고 들어갑니다.
동영상위에 커서를 올리고 마우스 우클릭을 하면 다음과 같이 카테고리가 나옵니다
이중 [소스코드복사] 를 클릭해 줍니다.
그리고 복사한 코드를 쿠팡 상세페이지에 넣어주어야 하는데요.
우선 쿠팡 상품 조회/수정으로 들어가서 동영상을 넣어줄 상품의 수정으로 들어갑니다.
그리고 상세설명에 들어가 줍니다
이미지 업로드, 에디터 작성 등이 있는데 원하는 걸 선택하여 작성하기를 클릭하고 들어갑니다.
그리고 상세 페이지 가장 상단에 "동영상"이라고 표기한 후에 왼쪽 상단 html을 클릭합니다.
그럼 아래와 같이 새창이 열릴겁니다.
그럼 유튜브 동영상에서 소스 코드 복사한 것을 "동영상" 자리에 붙여 넣기를 해줍니다.
그럼 위와 같이 <p> <p> 사이에 소스가 넣어진 것을 확인하실 수 있습니다.
이제부터가 중요한데요.
우선 동영상이 반복될 수 있는 코드를 삽입해 주어야 하고 사이즈도 쿠팡 상세페이지 기준에 맞게 맞춰 주어야 합니다.
우선 동영상을 자동 반복 재생 할 수 있는 코드를 삽입해 주겠습니다.
변환코드는
?loop=1&autoplay=1&mute=1&playlist=
입니다.
이것을 어디에 삽입해야 하는지 설명드리겠습니다. 우선 붙여넣기한 유튜브 소스코드에서 /embed/ 를 찾습니다.
/embed/ 바로 뒤에 위에 코드를 붙여 넣습니다.
그럼 이제 동영상을 자동 반복 재생 할 수 있는 코드 삽입이 완료되었습니다.
너무 간단하죠? ㅎㅎㅎ
다음은 쿠팡 상세 페이지에 맞게 동영상 사이즈를 조정해야 합니다.
표시된 부분이 페이지의 너비와 세로 사이즈입니다. 쿠팡은 너비 사이즈를 780을 권장하고 있기 때문에 너비를 780으로
조절하면서 세로 사이즈도 화면비율에 맞게 조절해 주어야 합니다.
여기서 간단한 산수실력이 필요한데요 ㅎㅎㅎ
현재 사이즈가 1271이기 때문에 780 사이즈로 나누어 줍니다. 780 나누기 1271은 0.61369007... 이 나오게 되는데요
세로사이즈를 맞춰야 하기 때문에 715 나누기 0.61369... 을 해주게 되면 438.788355... 이 나오게 됩니다. 반올림하고
439 사이즈로 하겠습니다.
그럼 현재 너비 1271 세로 715 사이즈를 너비 780 세로 439로 조절하게 되면 쿠팡 상세페이지에 맞게 화면비율이 맞춰지게
됩니다.
조금은 복잡할 수 있는데요. 보통 유튜브에서 동영상을 업로드하게 되면 너비 1271 세로 715 나오기 때문에 그냥
너비 780 세로 439로 바로 조정하시면 됩니다.^^ 만일 이렇게 조정했는데 화면 비율이 안 맞다면 위에 계산을 한 다음 입력해 주시면 됩니다.
이제 쿠팡 상세페이지에 동영상을 자동반복 할 수 있는 모든 과정이 마무리되었습니다.