행동 유도 문구(CTA)에 동영상을 추가하세요

행동 유도 문구(CTA)를 작성할 때는 웹사이트 방문자의 관심을 끌고 참여를 유도하기 위해 동영상을 추가하세요. HubSpot 계정에서 직접 동영상을 추가하거나, YouTube와 같은 외부 소스의 삽입 코드나 삽입 URL을 사용할 수 있습니다.

HubSpot 파일 도구에 업로드된 동영상을 사용하는 경우, 고급 기능 옵션이 활성화되어 있어야 합니다. 그렇지 않으면 동영상이 옵션으로 표시되지 않습니다.

CTA 성과를 분석할 때, 재생 버튼 클릭과 같은 동영상 모듈에 대한 클릭은 ‘클릭’ 지표에 포함되지 않습니다. CTA 성과를 분석하는 방법을 알아보세요.

CTA에 동영상 모듈 추가하기

CTA를 생성할 때 동영상을 추가하려면:

1. HubSpot 계정에서 더 보기를 클릭한 다음 마케팅 > CTA로 이동하세요. 더 보기가 계정에 표시되지 않으면 바로 마케팅 > CAT로 이동하세요.
2. 오른쪽 상단의 '만들기'를 클릭하세요.
3. 새 CTA를 처음부터 직접 만들거나 템플릿을 사용하여 만들 수 있습니다:
   • 템플릿을 사용하여 새 CTA를 생성하려면 왼쪽 패널에서 ‘HubSpot 템플릿’을 클릭하세요. 그런 다음 목표에 맞는 템플릿을 선택하세요.
   • 처음부터 새 CTA를 생성하려면 왼쪽 패널에서 ‘처음부터 시작’을 클릭하세요. 그런 다음 CTA 유형을 선택하세요:
     
     • 고정 배너: 페이지 상단 또는 하단에 고정된 상시 표시되는 배너입니다. 방문자가 페이지를 스크롤해도 배너는 그대로 유지됩니다.
     • 팝업 박스: 설정된 일정에 따라 표시되는 팝업박스입니다 .
     • 슬라이드인: 웹사이트 모서리에서 미끄러지듯 들어오는 배너입니다. 방문자가 페이지를 스크롤해도 배너는 그대로 유지됩니다.
     • 임베디드: HubSpot 콘텐츠에서 잠재 고객을 특정 페이지로 유도하는 데 사용할 수 있는 버튼입니다.
4. 왼쪽 패널의 ‘추가’ 탭에서 동영상 모듈을 클릭한 후 편집기의 오른쪽 패널로 직접 드래그하세요.
5. 동영상 위치를 편집하려면 동영상 모듈 위에 마우스를 올린 다음 클릭하고 드래그하여 새로운 위치로 이동시키세요.
6. 동영상을 설정한 후 하단의 ‘저장 및 적용(Save & Apply)’을 클릭합니다.
7. 비디오 모듈을 복제하려면 요소 위에 마우스를 올린 다음‘ duplicate’ 복제 아이콘을 클릭하세요.
8. 요소를 삭제하려면 요소 위에 마우스를 올린 다음‘ delete’의 휴지통 아이콘을 클릭하세요.
9. 동영상 설정을 계속 진행하세요.
   
   

URL을 통해 동영상 추가하기

동영상 모듈을 추가한 후, URL에서 동영상을 사용하려면:

1. ‘동영상 유형’에서 ‘임베드’를 클릭합니다.
2. '임베드 유형'에서 'URL 임베드'를 클릭합니다.
3. 동영상 URL 세부 정보를 계속 설정하세요:
   
   • 동영상 URL: 동영상의 URL을 입력합니다.
   • 미리 보기: 동영상의 미리 보기를 확인합니다.
   • 크기: CTA에 따라 동영상이 자동으로 조정되도록 설정하거나, 특정 높이와 너비를 설정하세요.
   • 최대 크기: 동영상이 확대될 수 있는 최대 크기를 설정합니다. ‘최대 크기’ 드롭다운 메뉴를 클릭하고 옵션을 선택하세요:
     • 원본 크기: 동영상이 원본 크기보다 크게 확대되지 않습니다.
     • 전체 너비: 동영상이 재생되는 기기의 전체 너비를 차지합니다.
     • 사용자 지정: 동영상은 사이드바 편집기에서 설정한 특정 너비와 높이를 초과하지 않습니다. ‘최대너비’ 및 ‘최대높이’ 입력란에 치수를 픽셀 단위로 입력하세요.

• • 사용자 지정 썸네일: 동영상의 미리보기 이미지를 변경할 수 있습니다. 사용자 지정 썸네일을 업로드하거나 파일 관리자에서 썸네일을 선택할 수 있습니다.
    

임베드 코드를 사용하여 동영상 추가하기

1. ‘동영상 유형’에서 ‘임베드’를 클릭합니다.
2. '임베드 유형'에서 '임베드 URL'을 클릭합니다.
3. 동영상 URL 세부 정보를 계속 설정하세요:
   
   • 삽입 코드: 동영상의 삽입 코드를 붙여넣으세요. 동영상 요소와 크기, 썸네일 등의 세부 정보는 삽입 코드를 기반으로 자동으로 표시됩니다.
   • 미리 보기: 추가된 동영상의 미리 보기를 확인합니다 .
     
     

파일 관리자에서 동영상 추가하기

동영상 모듈을 추가한 후, 파일 관리자에서 HubSpot 동영상을 사용하려면:

1. ‘동영상 유형’에서 ‘HubSpot 동영상’을 클릭합니다. 이때 동영상의 고급 기능 옵션이 활성화되어 있어야 합니다.
2. 파일 관리자에 새 동영상을 업로드하거나 기존 동영상을 사용할 수 있습니다:
   
   • 새 동영상을 업로드하려면 '업로드'를 클릭하세요. 그런 다음 파일 선택기에서 동영상 파일을 선택하세요. 기본적으로 콘텐츠 편집기 내에서 업로드된 새 동영상 파일에는 고급 기능이 활성화되어 있습니다.
   • 파일 관리자의 동영상을 사용하려면 ‘동영상 찾아보기’를 클릭하세요. 그런 다음 오른쪽 패널에서 삽입할 동영상을 클릭하세요.
3. 동영상 파일 세부 정보를 설정하세요:
   • 최대 크기: 동영상이 확대될 수 있는 최대 크기를 설정합니다 . ‘최대 크기’ 드롭다운 메뉴를 클릭하고 옵션을 선택하세요:
     • 원본 크기: 동영상이 원본 크기보다 크게 확대되지 않습니다.
     • 전체 너비: 동영상이 재생되는 기기의 전체 너비를 차지합니다.
     • 사용자 지정: 동영상은 사이드바 편집기에서 설정한 특정 너비와 높이를 초과하지 않습니다. ‘최대너비’ 및 ‘최대높이’ 입력란에 치수를 픽셀 단위로 입력하세요.
   • 동영상 세부 정보: ‘편집’을 클릭하여 동영상을 더 세부적으로 맞춤 설정할 수 있습니다 . 오른쪽 패널에서 제목, 설명 및 메타 태그를 입력할 수 있습니다. 이는 검색 엔진이 동영상 콘텐츠를 이해하는 데 도움이 됩니다.
   • 고급 옵션: 다음 옵션 중 각 옵션 옆의 확인란을 선택하여 해당 옵션을 켭니다.
     • 동영상 반복 재생: 동영상을자동으로 반복 재생합니다.
     • 기본적으로 소리 끄기: 동영상 재생시 기본적으로 소리를 끄도록 설정합니다.
     • 자동 재생: 페이지가 로드되면 동영상이 자동으로 재생되도록 설정합니다.

       이 옵션을 사용할 때는 브라우저 제한 사항을 준수하기 위해 ‘기본적으로 소리 끄기’ 옵션을 선택하는 것이 강력히 권장됩니다. 일반적으로 소리가 포함된 동영상은 소리가 꺼지거나 자동 재생이 차단됩니다.

       • Google Chrome: 자동 재생되는 동영상은 소리가 꺼져 있어야 합니다. 시청자가 자주 방문하는 동영상의 경우 소리가 켜진 상태로 자동 재생이 허용됩니다. Google의 평가 시스템에 대해 자세히 알아보세요.
       • 사파리: 자동 재생 동영상은 소리가 꺼져 있어야 합니다. 시청자는설정에서 특정 도메인에 대해 소리가 켜진 상태로 자동 재생을 차단하거나 허용할 수 있습니다. 사파리에서 자동 재생 동영상 관리에 대해 자세히 알아보세요.
       • 모질라 파이어폭스: 자동 재생 동영상은 소리가 꺼져 있어야 합니다. 시청자는 설정에서 특정 도메인에 대해 소리가 켜진 상태로 자동 재생을 차단하거나 허용할 수 있습니다. 파이어폭스에서 자동 재생 동영상 관리에 대해 자세히 알아보세요.
     • 제어 기능 숨기기: 진행률 표시줄, 오디오 제어 기능, 동영상 설정 등 동영상 제어 옵션을 숨깁니다.
   • 스타일 옵션: 재생 버튼을 사용자 지정합니다. 16진수 값을 입력하거나 색상 선택기를 클릭하여 색상을 선택하세요.