Media Bridge 앱의 데이터를 사용하는 사용자 지정 모듈을 생성하여 외부 제공업체별 미디어를 HubSpot 콘텐츠에 추가합니다. 미디어 브리지 앱은 미디어 데이터를 제공하고 사용자 지정 모듈은 해당 미디어가 페이지에서 렌더링되는 방식을 제어합니다.
페이지에 미디어를 추가한 후 타임라인 이벤트 및 사용자 지정 보고서를 사용하여 방문자가 미디어와 상호 작용하는 방식을 분석합니다.
시작하기 전에
Media Bridge 앱 및 사용자 지정 모듈에서 미디어를 추가하기 전에 다음 요구 사항 및 설정 단계를 검토하세요.
요구 사항 이해
미디어 브리지 앱 설정
다음 옵션 중 하나를 선택하여 미디어 브리지 앱을 연결합니다:
참고: Media Bridge 앱을 설치하거나 빌드하는 것은 필수이지만 콘텐츠에 미디어를 추가하지는 않습니다. 미디어 브리지 콘텐츠를 표시하려면 앱의 데이터를 사용하는 사용자 지정 모듈을 만들어야 합니다.
미디어 브리지 콘텐츠용 사용자 지정 모듈 만들기
미디어 브리지 앱을 설치한 후 페이지 또는 템플릿에 미디어 브리지 콘텐츠를 표시할 사용자 지정 모듈을 만듭니다.
- HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
- 새 모듈을 만듭니다.
- 인스펙터의 필드 섹션에서 필드 추가 드롭다운 메뉴를 클릭한 다음 임베드 필드를 선택합니다.
- 지원되는 소스 유형 섹션에서 미디어 연동 확인란을 선택합니다.
- 임베드 유형 섹션에서 미디어 연동을 선택합니다.
- 공급자 선택 드롭다운 메뉴를 클릭하고 연결된 앱을 선택합니다. 사전 구축된 Media Bridge 앱이 하나만 설치되어 있는 경우 특정 제공업체가 표시될 수 있습니다(예: Wistia에서 선택).
- 왼쪽 상단의 모듈 아이콘을 클릭합니다.
- 인스펙터에서 필드 위로 마우스를 가져가 작업 드롭다운 메뉴를 클릭한 다음 코드 조각 복사를 선택합니다. module.html 섹션에 내용을 붙여넣습니다.
- 변경 사항 게시를 클릭합니다.
콘텐츠에 모듈 추가
모듈을 추가하려면 다음 옵션 중 하나를 선택합니다:
미디어 이벤트 분석하기
미디어 브릿지 콘텐츠가 포함된 페이지 또는 글을 게시한 후 방문자가 미디어와 상호 작용하는 방식을 분석합니다.
미디어 이벤트는 임베디드 미디어 재생과 같은 상호 작용을 추적하여 타임라인 이벤트로 표시합니다. 사용자 지정 보고서를 사용하여 페이지 전반의 참여도를 분석할 수도 있습니다.
참여도 분석에 대해 자세히 알아보려면 페이지의 동영상 조회수를 분석하는 방법을 검토하세요.
Design Manager
