YouTube 구성요소

Google Ads, Google AdMob, AMP HTML 광고동영상 광고 또는 이미지 광고에서는 이 구성요소를 지원하지 않습니다.

YouTube 구성요소를 사용하면 광고에 YouTube 동영상을 배치할 수 있습니다.

최종 화면이 포함된 YouTube 동영상은 YouTube 마스트헤드 광고에서 지원되지 않습니다.

프로젝트에 YouTube 구성요소를 추가하는 방법:

  1. 구성요소 패널에 이어 미디어 폴더를 엽니다.
  2. YouTube 구성요소를 스테이지로 드래그합니다.
  3. 속성 패널의 YouTube 속성 섹션에서 URL 입력란에 YouTube 동영상 페이지 URL을 입력합니다.

모바일 브라우저에서 YouTube 동영상 사용하기

모바일 브라우저는 요청하지 않은 콘텐츠에 대한 데이터 비용이 사용자에게 발생하지 않도록 하기 위해 YouTube 동영상 자동재생을 사용 중지할 수도 있습니다. 모바일 브라우저의 경우 자동재생을 끄고 동영상 컨트롤을 켜는 것이 가장 좋습니다. 그러면 의도한 대로 동영상이 작동됩니다.

속성 패널에서 다음과 같이 변경합니다.

  • 자동재생none으로 설정합니다.
  • 관리autohide로 설정합니다.

속성

속성 설명
이름 요소의 이름입니다.
URL 표시할 YouTube 동영상의 URL입니다. URL에서 찾을 수 있는 고유 ID도 사용할 수 있습니다. 동적 데이터에 결합될 수 있습니다.
자동재생

동영상의 자동 재생 여부를 설정합니다. 일부 모바일 브라우저에서는 자동재생이 지원되지 않습니다.

  • none(기본값) - 동영상이 자동으로 재생되지 않습니다.
  • standard - 동영상이 자동으로 재생됩니다. YouTube 조회수로 계산되지 않습니다.
  • preview - 동영상이 재생 버튼 오버레이 아래에서 음소거 상태로 재생됩니다.
  • intro - 동영상이 재생 버튼 오버레이 또는 컨트롤 없이 음소거 상태로 재생됩니다. YouTube 조회수로 계산되지 않습니다.
미리보기 재생 시간 미리보기 재생 시간입니다(자동재생preview 또는 소개로 설정한 경우만 사용 가능). 기본적으로 30초로 설정되어 있습니다.
컨트롤

컨트롤 표시 여부입니다.

  • autohide - 동영상 재생 시작 후 2초 뒤에 동영상 진행률 표시줄과 플레이어 컨트롤이 보기에서 사라집니다. 사용자가 동영상 플레이어와 상호작용하면 컨트롤이 다시 표시됩니다.
  • none - 진행률 표시줄과 플레이어 컨트롤을 숨깁니다.
진행률 표시줄 색상 동영상 플레이어의 진행률 표시줄 색상을 빨간색 또는 흰색으로 지정합니다.
음소거 선택하면 YouTube 동영상이 음소거 상태로 시작됩니다.
관련 동영상 선택하면 원래 동영상의 재생이 완료되었을 때 관련 YouTube 동영상(다른 채널의 동영상일 수 있음)이 표시됩니다. 원래 동영상과 같은 채널의 관련 YouTube 동영상만 표시하려면 이 옵션을 선택 해제하세요.
반복 선택하면 YouTube 동영상이 계속 반복됩니다.
동영상 종료 시 일시중지 선택하면 YouTube 동영상이 1초 남은 시점에 일시중지됩니다.
시작 위치 YouTube 동영상의 시작 위치(초)를 지정합니다. 동적 데이터에 결합될 수 있습니다.

고급 속성

구성요소 속성 창의 고급 속성 옆에 있는 확장 아이콘 을 클릭하여 다음 고급 속성을 수정합니다.

속성 설명
데스크톱에서 전체화면 허용 데스크탑에서 사용자가 전체 화면으로 볼 수 있도록 허용합니다.
추가 플레이어 매개변수 YouTube 플레이어 매개변수를 포함할 수 있습니다. 앰퍼샌드(&)로 여러 개의 매개변수를 구분할 수 있습니다.

이벤트 및 작업

YouTube 구성요소에서 전송하는 이벤트

다음과 같은 YouTube 구성요소 이벤트를 기반으로 다른 작업을 트리거할 수 있습니다.

이벤트 설명
버퍼링 YouTube 동영상이 버퍼링될 때 전송됩니다.
종료됨 YouTube 동영상이 끝까지 재생되었을 때 전송됩니다.
일시중지됨 YouTube 동영상이 일시중지되었을 때 전송됩니다.
재생 중 YouTube 동영상이 재생되기 시작했을 때 전송됩니다.
다시 재생됨 YouTube 동영상이 다시 재생되었을 때 전송됩니다.
시작됨 동영상을 0% 시청하면 전송됩니다.
1분위 동영상을 25% 시청하면 전송됩니다.
중간 지점 동영상을 50% 시청하면 전송됩니다.
3분위 동영상을 75% 시청하면 전송됩니다.
완료 동영상을 100% 시청하면 전송됩니다.
미리보기 시작됨 미리보기를 0% 시청하면 전송됩니다.
1분위 미리보기 미리보기를 25% 시청하면 전송됩니다.
중간 지점 미리보기 미리보기를 50% 시청하면 전송됩니다.
3분위 미리보기 미리보기를 75% 시청하면 전송됩니다.
전체 미리보기 미리보기를 100% 시청하면 전송됩니다.

이벤트 대화상자에서 이러한 이벤트 중 하나를 선택하려면 YouTube 구성요소를 타겟으로 설정하세요.

Studio에서 이러한 이벤트를 추적하는 방법을 알아보세요.

YouTube 구성요소에서 수행하는 작업

다른 이벤트에 대한 반응으로 다음 YouTube 구성요소 작업이 트리거될 수 있습니다. 

작업 구성 옵션
음소거 전환 없음
일시중지 없음
일시중지 후 재생 없음
다시 재생 없음
탐색 시간 - 건너뛰는 시간(단위: 초)입니다.
YouTube 동영상 ID 설정
  • ID - YouTube 동영상의 ID입니다. YouTube 동영상 페이지 URL의 고유한 부분입니다.
  • 큐 전용 - 선택하면 지정된 동영상이 로드되지만 재생은 되지 않습니다.

이벤트 대화상자에서 이러한 작업 중 하나를 선택하는 경우 YouTube 구성요소를 수신자로 설정하세요.

이벤트 구성 방법 알아보기 

미리보기

Google Web Designer 인터페이스 내에서는 이 구성요소를 미리 볼 수 없습니다. 작동 중인 구성요소를 보려면 오른쪽 상단에 있는 미리보기 버튼을 클릭하여 원하는 브라우저에서 문서를 미리 보세요.

도움이 되었나요?

어떻게 하면 개선할 수 있을까요?

도움이 더 필요하신가요?

다음 단계를 시도해 보세요.

검색
검색어 지우기
검색 닫기
Google 앱
기본 메뉴
14841127659181339638
true
도움말 센터 검색
true
true
true
true
true
5050422
false
false