이 도움말에 포함된 내용:
동적 요소 소개
동적 요소는 개방형 API에서 콘텐츠를 가져와 오버레이에 통합하기 위해 인터랙티브 오버레이 패널에서 사용할 수 있는 기능입니다. 동적 요소는 요소 액션의 클릭아웃 URL에 연결할 수도 있습니다.
모든 요소를 통해 사용자는 자신의 콘텐츠를 추가하고 API의 콘텐츠/액션과 혼합할 수 있습니다. 개방형 API 엔드포인트에 액세스하여 오버레이 내의 다른 오버레이 요소에 즉시 값을 할당할 수 있습니다.
동적 요소를 사용하면 다음과 같은 이점이 있습니다.
- 오버레이에 동적 콘텐츠를 수집하면 데이터, 제품, 정보 등을 관리하는 기존 시스템과 더 깊이 통합하고 완벽하게 연결할 수 있습니다.
- 더 촘촘히 연결된 동영상 자산을 구축합니다.
- 시청자에게 항상 가장 정확한 최신 데이터와 정보를 제공합니다.
- 다양한 소스의 실시간 관련 데이터를 오버레이에 연결합니다.
- 인터랙티브 동영상 제작 규모를 키우고 데이터와 콘텐츠를 수동으로 업데이트하는 데 걸리는 시간을 크게 절약합니다.
동적 요소 시작하기
동적 요소를 사용하려면 다음 두 가지가 필요합니다.
- JSON을 반환하는 개방형 REST API
- 오버레이를 사용하는 인터랙티브 동영상
모두 준비되면 오버레이 에디터로 이동합니다. 페이지 상단에서 동적 요소 버튼을 찾을 수 있습니다.
이를 클릭하면 인터랙티브 동영상과 연결된 API를 추가, 편집, 삭제할 수 있는 API 관리자가 열립니다.
API를 추가하려면,
- 동적 요소 버튼을 클릭합니다. 다음 모달 창이 열립니다.
- API 이름을 지정합니다.
- API URL 필드에 API URL을 입력합니다.
- + API 추가 버튼을 클릭하여 동영상에 API를 추가합니다.
동영상에 여러 API를 추가할 수 있습니다. API가 이를 지원하는 경우 필터링된 API URL을 추가하여 API 응답을 필터링할 수 있습니다.
오버레이에서 요소에 API 연결하기
오버레이 요소를 API의 동적 데이터에 연결하려면,
- 새 요소를 추가하거나 오버레이 디자인의 기존 요소를 선택합니다. 아래 표시된 예에서는 텍스트 요소가 선택되었습니다.
- 오른쪽 메뉴의 '동적 요소' 섹션에서 API에 연결이라는 스위치를 토글하여 해당 요소에 대한 동적 요소 설정을 표시합니다.
- API 드롭다운 메뉴에서 요소를 연결할 API를 선택합니다.
- API를 선택했으면 + 동적 데이터 추가를 클릭합니다.
- 그러면 '응답 선택' 모달 창이 열립니다. 입력한 URL에서 호출된 전체 API 응답을 볼 수 있습니다. 화살표를 사용하여 각 항목의 값을 표시합니다.
- 응답에서 직접 필수 입력란을 클릭하여 API 출력에서 응답을 선택한 다음 확인을 클릭합니다.
-
텍스트에 대한 동적 요소 기능의 경우, 편집 모드에 있는 동안 텍스트 컨테이너에서 생성된 코드 바로 가기를 볼 수 있습니다. 참고: API에 연결된 요소에서 선택 상자 옆에 뜨는 동적 요소의 기호를 볼 수 있습니다.
- 텍스트 요소에 대한 편집 모드를 종료하는 즉시 응답은 선택한 API 값의 현재 데이터로 채워집니다.
동적 요소 사용을 위한 팁과 요령
- API가 없거나 현재 API가 지원하지 않는 특정 작업에 API가 필요한 경우, 스프레드시트를 API로 변환할 수 있는 Sheetlabs와 같은 도구를 살펴보세요.
- 동적 요소 '사용자 정의 매개변수' 기능은 API 쿼리를 사용자 정의하는 데 유용합니다. 현재 동적 요소는 공개 API만 지원합니다. 보안을 위해 API 키를 추가하는 데 사용자 정의 매개변수 기능을 사용하지 않도록 하세요.