클릭 유도 문안(CTA)에 동영상 추가하기

콜투액션(CTA)을 만들 때 동영상을 추가하여 웹사이트 방문자의 관심을 끌고 참여를 유도하세요. HubSpot 계정에서 직접 동영상을 추가하거나 임베드 코드를 사용하거나 YouTube와 같은 외부 소스의 임베드 URL을 사용할 수 있습니다.

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

CTA 실적을 분석할 때 재생 버튼 클릭과 같은 동영상 모듈의 클릭은 클릭 지표에 추가되지 않습니다. CTA 실적 분석 방법에 대해 알아보세요.

CTA에 동영상 모듈 추가하기

CTA를 만들 때 동영상을 추가하려면 다음과 같이 하세요:

1. HubSpot 계정에서 마케팅 > CTA로 이동합니다.
2. 오른쪽 상단에서 만들기를 클릭합니다.
3. 처음부터 또는 템플릿을 사용하여 새 CTA를 만들 수 있습니다:
   • 템플릿에서 새 CTA를 만들려면 왼쪽 패널에서 HubSpot 템플릿을 클릭합니다. 그런 다음 목표에 맞는 템플릿을 선택합니다.
   • 처음부터 새 CTA를 만들려면 왼쪽 패널에서 처음부터 시작을 클릭합니다. 그런 다음 CTA 유형을 선택합니다:
     
     • 고정 배너: 페이지 상단 또는 하단에 고정되는 영구 배너입니다. 방문자가 페이지를 스크롤할 때 배너가 유지됩니다.
     • 팝업 상자: 설정된 일정에 따라 표시되는 팝업 상자입니다.
     • 슬라이드 인: 웹사이트 모서리에서 슬라이드 인되는 배너입니다. 방문자가 페이지를 스크롤할 때 배너가 유지됩니다.
     • 임베드: HubSpot 콘텐츠에서 잠재 고객을 특정 페이지로 유도하는 데 사용할 수 있는 버튼입니다.
4. 왼쪽 패널의 추가 탭에서 동영상 모듈을 클릭하여 편집기의 오른쪽 패널로 직접 드래그합니다.
5. 동영상 위치를 편집하려면 동영상 모듈 위로 마우스를 가져가서 새 위치로 클릭하고 드래그합니다.
6. 동영상을 설정한 후 하단에서 저장 및 적용을 클릭합니다.
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의 점수 시스템에 대해 자세히 알아보세요.
       • Safari: 자동 재생 동영상은 음소거해야 합니다. 시청자는설정에서 특정 도메인에 대해 음소거 해제 자동 재생을 차단하거나 허용하도록 선택할 수 있습니다. Safari에서 자동 재생 동영상을 관리하는 방법에 대해 자세히 알아보세요.
       • Mozilla Firefox: 자동 재생 동영상은 음소거해야 합니다. 시청자는 설정에서 특정 도메인에 대해 음소거 해제 자동 재생을 차단하거나 허용하도록 선택할 수 있습니다. Firefox에서 자동 재생 동영상을 관리하는 방법에 대해 자세히 알아보세요.
     • 컨트롤 숨기기: 진행률 표시줄, 오디오 컨트롤, 동영상 설정 등의 동영상 컨트롤 옵션을 숨깁니다.
   • 스타일 옵션: 재생 버튼을 사용자 지정합니다. 16진수 값을 입력하거나 색상 선택기를 클릭하고 색상을 선택합니다.