HubSpot 콘텐츠에 동영상 추가

파일 도구에 동영상을 업로드한 다음 페이지, 마케팅 이메일, 블로그 게시물 및 지식창고 문서에 추가합니다.

CTA의 비디오 모듈을 사용하여 HubSpot 비디오를 삽입하고, 마케팅 이메일을 끌어서 놓으며, 페이지의 영역을 끌어서 놓을 수도 있습니다. 동영상은 페이지, 블로그 게시물 및 지식창고 문서의 서식 있는 텍스트 모듈에서도 지원됩니다 .

HubSpot 동영상을 사용하는 경우 동영상 재생 전후에 CTA 또는 양식을 추가할 수 있습니다. Enterprise를 구독하는 계정이 있는 경우 동영상 중 어느 시점에나 CTA 또는 양식을 표시하여 방문자가 건너뛰지 않도록 할 수 있습니다.

참고: 이 문서에서는 페이지, 게시물, 문서 및 마케팅 이메일에서 동영상을 사용하는 방법을 다룹니다. 대화, 일대일 이메일, 템플릿 및 시퀀스 이메일에 동영상을 추가하는 방법에 대해 자세히 알아보세요.

시작하기 전에

• 이 문서에서는 HubSpot에 업로드된 비디오 파일을 HubSpot 콘텐츠에 추가하는 방법을 다룹니다. URL 또는 임베드 코드에서 외부 비디오를 추가하려면 HubSpot에서 외부 미디어 임베드에 대해 자세히 알아보세요.
  
• 브라우저마다 지원하는 파일 유형이 다르며 경우에 따라 브라우저에서 재생하는 대신 비디오 파일을 다운로드합니다. .mp4 파일로 업로드된 동영상은 대부분의 브라우저에서 지원되며 브라우저에서 재생됩니다.
• 각 동영상에는 파일 도구의 제한이 적용됩니다.
• 사이트의 접근성을 높이려면 파일 도구에서 동영상에 대체 텍스트를 추가할 수 있습니다. 개발자 문서에서 웹사이트 접근성에 대해 자세히 알아보세요.
• 파일 도구의 각 동영상에 대해 고급 기능 설정을 켜거나 끌 수 있습니다. 이를 통해 자막 추가, 동영상 성능 추적 등과 같은 고급 기능을 사용할 수 있습니다. 동영상 파일 관리에 대해 자세히 알아보세요.

이메일에 동영상 추가하기

HubSpot 비디오는 드래그 앤 드롭 이메일 편집기의 비디오 모듈에서 지원됩니다. 대부분의 이메일 클라이언트에서는 동영상이 지원되지 않으므로 마케팅 이메일에 추가된 동영상은 동영상 플레이어 버튼이 있는 썸네일 이미지로 표시됩니다.

이 썸네일 이미지는 이메일 수신자가 동영상을 볼 수 있는 페이지로 연결되며, 이 페이지는 웹 버전 이메일의 기본 도메인에서 호스팅됩니다.

• HubSpot 계정에서 마케팅 > 이메일로 이동합니다.
• 이메일 이름을 클릭합니다.
• 사이드바 편집기에서 동영상 모듈을 클릭하고 이메일에 끌어다 놓습니다.
• 비디오 유형 섹션에서 HubSpot 비디오를 선택합니다.
  
  

• • 파일 도구에서 비디오를 선택하려면 비디오 찾아보기를 클릭하고 기존 비디오의 썸네일 이미지를 선택합니다.
  • 새 동영상을 업로드하려면 업로드를 클릭하고 컴퓨터에서 파일을 선택합니다. 그런 다음 동영상의 미리보기 이미지를 클릭합니다 .
• 동영상 크기를 조정하려면 사이드바 편집기에서 너비 또는 높이를 입력합니다.
• 동영상 정보를 사용자 지정하려면 동영상 세부정보 섹션에서 편집을 클릭합니다.
  • 오른쪽 패널에서 미리보기 이미지 변경을 클릭하여 동영상의 미리보기 이미지를 변경합니다.
  • 슬라이더를 클릭하여 동영상의 특정 지점으로 드래그하거나사용자 지정 이미지 업로드를 클릭하여 컴퓨터에서 새 이미지를 추가합니다.
  • 제목 텍스트, 설명 및 메타 태그를 입력합니다. 이렇게 하면 검색 엔진이 동영상 콘텐츠를 이해하는 데 도움이 됩니다.
  • 저장을 클릭합니다.

참고: 동영상 세부 정보에 대한 변경 사항은 HubSpot의 콘텐츠 도구에서 동영상이 사용되는 모든 곳에 적용됩니다.

• 동영상 재생 버튼의 모양을 편집하려면 스타일 옵션을 클릭합니다 .
  • 재생 버튼의 색상을 사용자 지정하려면 16진수 값을 입력하거나 색상 선택기를 클릭하여 색상을 선택합니다 .
  • 재생 버튼의 크기를 사용자 지정하려면 픽셀 값을 입력하거나 슬라이더를 클릭하고 새 위치로 드래그합니다. 재생 버튼의 실시간 미리보기는 업데이트하는 데 몇 초 정도 걸릴 수 있습니다.
    

• 모바일 디바이스에서 동영상이 전체 너비로 표시되도록 하려면 모바일 디바이스에서 최대 너비로 표시 확인란을 선택합니다. 동영상은 원래 크기보다 큰 너비로 표시되지 않습니다.

• 동영상을 오른쪽 또는 왼쪽으로 이동하려면 정렬 드롭다운 메뉴를 클릭하고 왼쪽, 가운데 또는 오른쪽을 선택합니다 .
• 동영상 측면에 공간을 추가하려면 클릭하여 패딩 스위치를 켭니다.
  • 모든 면에 적용 확인란을 선택하여 동영상의 모든 면에 동일한 패딩을 적용합니다.
  • 상단, 하단, 왼쪽 또는 오른쪽 텍스트 필드에 패딩의 픽셀 값을 입력합니다.
    

페이지, 블로그 게시물 및 지식창고 문서에 동영상 추가하기

서식 있는 텍스트 모듈의 블로그 게시물, 페이지 및 지식창고 문서에 동영상을 추가할 수 있으며, 페이지의 끌어서 놓기 영역도 동영상 모듈에 동영상을 추가할 수 있도록 지원합니다.

페이지, 블로그 게시물 또는 지식창고 문서의 서식 있는 텍스트 모듈에 동영상 삽입하기

HubSpot 동영상은 텍스트, 이미지, 링크 또는 기타 콘텐츠와 함께 서식 있는 텍스트 모듈에 추가할 수 있습니다.

• 콘텐츠로 이동합니다:

  • 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
  • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
  • 블로그HubSpot 계정에서 콘텐츠 > 블로그로 이동합니다.
  • 지식 베이스: HubSpot 계정에서 콘텐츠 > 기술 자료로 이동합니다.

• 콘텐츠의 이름을 클릭합니다.
• 콘텐츠 편집기에서 서식 있는 텍스트 모듈을 클릭합니다 .
• 삽입 드롭다운 메뉴를 클릭한 다음 비디오 > HubSpot 비디오를 선택합니다.
• 오른쪽 패널에서 삽입할 동영상을 선택합니다:
  • 파일 도구에서 기존 동영상을 삽입하려면 검색창을 사용하여 동영상을 검색할 수 있습니다. 그런 다음 동영상의 썸네일 이미지를 클릭합니다.
  • 새 동영상을 삽입하려면 동영상 업로드를 클릭하고 컴퓨터에서 동영상을 선택합니다. 그런 다음 동영상의 썸네일 이미지를 클릭합니다 (
    ).

• 동영상 재생 버튼의 색상을 수정하려면 backgroundColor 플레이어 색상 드롭다운 메뉴를 클릭하고 색상을 선택합니다 . 16진수 또는 RGB 색상 값을 입력하려면 고급 탭으로 이동합니다.
• 텍스트 블록 내에서 동영상의 위치를 조정하려면 정렬 아이콘( inline alignmental 정렬 아이콘을 클릭합니다. 모바일 디바이스에서 동영상이 전체 너비로 표시되도록 하려면 전체 너비 아이콘( fullWidth )을 클릭합니다.
• 동영상 크기를 조정하려면 너비와 높이에 대한 픽셀 값을 입력합니다.
• 동영상 주변의 여백을 편집하려면 간격 드롭다운 메뉴를 클릭하고 이미지 아이콘의 가장자리 주변에 픽셀 값을 입력합니다.
  

참고: 팝업 CTA로 연결되는 버튼 CTA는 추가하지 마세요. 동영상이 재생되지 않습니다.

• 콘텐츠 편집기에서 동영상을 클릭한 다음 edit 수정 아이콘을 클릭합니다.
• 팝업 상자에서 CTA 또는 양식 드롭다운 메뉴를 클릭하고 콜투액션 또는 양식을 선택합니다.
• 동영상에 임베드된 CTA 또는 레거시 CTA를 추가할 수 있습니다. CTA를 삽입하려면 다음과 같이 하세요:
  • 콜 투 액션 아래에서 CTA 선택을 클릭합니다.
  • CTA 또는 CTA(레거시) 탭을 선택합니다.
  • 새 CTA를 만들려면 오른쪽 패널에서 새로 만들기를 클릭합니다. 그런 다음 CTA 또는 CTA(레거시) 를 생성하고 저장을 클릭합니다.
  • 오른쪽 패널에서 새로 만든 CTA 또는 기존 CTA를 선택한 다음 삽입을 클릭합니다.
• 양식을 삽입하려면 다음과 같이 하세요:
  • 양식 드롭다운 메뉴를 클릭하고 양식을 선택합니다.
  • 양식을 선택하기 전에 새 양식을 만들거나 기존 양식을 편집하려면 만들기 또는 편집을 클릭합니다. 그러면 새 탭에 양식 도구가 열립니다.
• 기본적으로 오버레이는 동영상이 끝난 후에 표시됩니다. Enterprise를 구독하지 않는 경우 오버레이의 표시 시간을 선택합니다.
  • 동영상 시작 전: 동영상 재생이 시작되기 전에 양식 또는 CTA를 표시합니다.
  • 동영상 종료 후: 동영상 재생이 끝난 직후에 양식 또는 CTA를 표시합니다.
    

• Enterprise를 구독하는 경우 오버레이가 표시되는 시기를 정확하게 사용자 지정할 수 있습니다:
  • 팝업 상자의 표시 옵션 섹션에서 수정을 클릭합니다.
    

• • • 오른쪽 패널에서 표시 시간 드롭다운 메뉴를 클릭하고 시간 옵션을 선택합니다. 사용자 지정 시간을 선택한 경우 동영상 아래의 원을 클릭하여 올바른 위치로 드래그하거나 선택한 표시 시간 필드에 시간을 입력하여 시간을 지정할 수 있습니다.

• • • 방문자가 오버레이를 건너뛰지 못하게 하려면 건너뛰기 옵션 드롭다운 메뉴를 클릭하고 시청자가 [자산 유형]을 건너뛰지 못하도록 허용하지 않음을 선택합니다. 기본적으로 방문자는 오버레이를 건너뛸 수 있습니다.
      

페이지의 동영상 모듈에 동영상 삽입하기

웹사이트 또는 랜딩 페이지의 드래그 앤 드롭 영역에 추가된 비디오 모듈에서 HubSpot 비디오가 지원됩니다.

• 콘텐츠로 이동합니다:

  • 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
  • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
• 콘텐츠의 이름을 클릭합니다.
• 왼쪽 사이드바에서 add 추가 아이콘을 클릭합니다.
• 클릭하여 미디어 섹션을 확장한 다음 + 더 보기를 클릭하여 모든 미디어 모듈을 확인합니다.
• 동영상 모듈을 클릭하고 페이지로 드래그합니다.