개요

본 문서는 숏폼(Shorts) 콘텐츠 제작 및 사이트에서 노출 처리 방식에 대해 안내드립니다. 상품의 URL 상품 정보를 기반으로 손쉽게 숏폼을 제작 할 수 있으며, 페이지 내 단순 스크립트를 추가하여 생성된 숏폼을 고객에게 노출 할 수 있습니다.

목적

본 문서는 Message.AI 숏폼 서비스 연동을 위한 제반 사항을 기술합니다.

1. 숏폼 노출을 위한 작업 사이트 내 작업

숏폼 노출할 서비스내 아래의 제공 스크립트를 추가 필요합니다.

  • Step1. 숏폼 플레이 라이브러리 추가

<script src="https://www.message-ai.net/shortsPlayer/js/shorts-embed.js"></script>

  • Step2. 숏폼 메시지 인입 시 노출 처리 이벤트 추가

<script>
   window.addEventListener("DOMContentLoaded", function(){
      M.callShorts();
   });
</script>

  • 한글이 깨질 경우 Content-Type에 charset=UTF-8 설정.

  • TLS Protocol은 TLSv1.2 이상 만 지원.

2. 숏폼 플레이 구성

숏폼 플레이는 생성한 숏폼이 노출되는 서비스 입니다. 발송 시 선택한 숏폼 그룹에 따라 최대 5개의 숏폼이 노출 될 수 있습니다.

플레이내 기능

  • 숏폼노출 : 화면을 상하 드래그 또는 스크롤 시 다른 숏폼 내역이 노출 됩니다.

  • 좋아요 : 좋아요 선택시 숏폼 플레이 화면상에서 선택로 표시 됩니다.

  • 챗봇 : 챗봇 버튼 선택 시 하단 챗봇 영역이 표시 됩니다.

  • 공유 : 카카오톡, 페이스북, URL복사 를 통해 SNS 공유가 가능 합니다.

  • 리뷰 : 하단은 리뷰로 노출 할 수 있으며, 설정한 키워드를 선택 시 관련 리뷰가 노출이 됩니다.

  • 구매하기 : 선택시 등록한 상품 URL 로 이동하게 됩니다.

  • 홍보문구 : 상단, 중단, 하단에 개별 홍보 문구를 지정 가능 합니다.

../_images/shortform_play_01.png