동영상 도구에서 외부 호스팅 웹사이트(예: WordPress) 또는 외부 호스팅 이메일(예: Gmail)에 HubSpot에서 호스팅하는 동영상을 임베드합니다. 그런 다음 모든 플랫폼에서 조회, 재생 및 참여 이벤트를 HubSpot 내에서 바로 추적할 수 있습니다.
제한 사항 및 요구 사항 이해
외부 사이트에서 임베드 코드 복사 및 사용
- HubSpot 계정에서 콘텐츠 > 동영상으로 이동합니다.
- 동영상 파일 이름을 검색하고 선택합니다. 동영상 세부 정보 페이지로 이동합니다.
- 오른쪽 상단에서 퍼가기를 클릭합니다. 동영상에 대한 고급 기능 설정이 켜져 있지 않은 경우 이 옵션이 표시되지 않습니다.
- 대화 상자에서 공유 형식을 설정합니다:
- 크기: 임베드된 동영상이 반응형인지 아니면 고정된 동영상 크기인지 선택합니다. 기본적으로 이 옵션은 페이지 너비에 따라 동영상 크기가 자동으로 조정되는 반응형으로 설정됩니다.
- 반복: 동영상을 자동으로 다시 시작하고 반복해서 재생합니다.
- 기본적으로 음소거: 기본적으로 동영상을 음소거합니다. 방문자가 오디오를 켜려면 클릭해야 합니다.
- 자동 재생: 페이지가 로드될 때 자동으로 동영상을 재생합니다.
- 보이는 컨트롤: 방문자에게 컨트롤 바를 표시합니다. 기본적으로 이 옵션은 켜져 있습니다.
- 재생 버튼 색상: 색상 선택기를 사용하여 동영상 재생 버튼의 색상을 설정합니다.
- SEO 메타데이터 포함:검색 엔진이 동영상을 색인화할 수 있도록 페이지에 동영상 메타데이터를 포함하려면 이 옵션을토글합니다(기본적으로 이 옵션은 켜져 있습니다).
- 동영상 설정을 구성한 후 왼쪽 하단에서 임베드 코드 복사를 클릭합니다. 동영상 임베드 코드가 자동으로 디바이스의 클립보드에 복사됩니다.
- 외부 웹사이트의 콘텐츠 관리 시스템(CMS)으로 이동합니다.
- 동영상을 표시할 위치에 동영상 임베드 코드를 HubSpot이 아닌 페이지의 HTML에 붙여넣습니다. 다음에 대한 추가 권장 사항을 사용할 수 있습니다:
- 워드프레스: 사용자 지정 HTML 블록을 사용하여 워드프레스 페이지 및 블로그 게시물에 HubSpot 동영상 임베드 코드를 추가하는 것이 좋습니다. 워드프레스 콘텐츠에 임베드 추가에 대해 자세히 알아보세요.
- Shopify:동영상 서식 있는 텍스트 추가 옵션을 선택하거나 인라인 코드 편집기를 통해 페이지의 HTML을 직접 수정하여 동영상 임베드 코드를 삽입하는 것이 좋습니다. 보다 복잡한 사용 사례가 필요한 경우 임베드 HTML을 Shopify 테마의 일부로 사용자 지정 리퀴드 템플릿에 추가할 수 있습니다. Shopify에서 템플릿 사용에 대해 자세히 알아보십시오.
- 웹 페이지에서 동영상을 미리 보고 라이브 시 어떻게 표시되는지 확인합니다. 동영상은 페이지 너비에 맞게 자동으로 조정되는 반응형 레이아웃으로 표시되어야 합니다. 동영상이 올바르게 표시되지 않는 경우 외부 CMS에서 복사한 코드를 변경하지 않았는지 확인하십시오.
- 완료했으면 페이지를 게시합니다.
외부 호스팅 이메일에 임베드 코드 복사 및 사용
일반적으로 대부분의 이메일 클라이언트에서 동영상은 지원되지 않습니다. 이메일에 추가된 동영상은 동영상 플레이어 버튼과 함께 썸네일 이미지로 표시됩니다. 썸네일 이미지는 이메일 수신자가 동영상을 볼 수 있는 페이지로 연결됩니다.
- HubSpot 계정에서 콘텐츠 > 동영상으로 이동합니다.
- 동영상 파일 이름을 검색하고 선택합니다. 동영상 세부정보 페이지로 이동합니다.
- 오른쪽 상단에서 공유 아이콘을 클릭합니다. 동영상에 대한 고급 기능 설정이 켜져 있지 않으면 이 아이콘이 표시되지 않습니다.
- 대화 상자에서 이메일 탭을 클릭합니다.
- 동영상 설정을 구성합니다:
- 동영상 설정을 구성한 후 왼쪽 하단에서 임베드 코드 복사를클릭합니다 . 동영상 임베드 코드가 자동으로 디바이스의 클립보드에 복사됩니다.
- 외부 이메일 호스트로 이동합니다.
- 동영상을 표시할 이메일의 HTML에 동영상 임베드 코드를 붙여넣습니다. 이메일 제공업체에 따라 다를 수 있습니다.
Files
