Google Ads, Google AdMob, AMP HTML 광고, 동영상 광고 또는 이미지 광고에서는 이 구성요소를 지원하지 않습니다.
YouTube 구성요소를 사용하면 광고에 YouTube 동영상을 배치할 수 있습니다.
프로젝트에 YouTube 구성요소를 추가하는 방법:
- 구성요소 패널에 이어 미디어 폴더를 엽니다.
- YouTube
구성요소를 스테이지로 드래그합니다.
- 속성 패널의 YouTube 속성 섹션에서 URL 입력란에 YouTube 동영상 페이지 URL을 입력합니다.
모바일 브라우저에서 YouTube 동영상 사용하기
모바일 브라우저는 요청하지 않은 콘텐츠에 대한 데이터 비용이 사용자에게 발생하지 않도록 하기 위해 YouTube 동영상 자동재생을 사용 중지할 수도 있습니다. 모바일 브라우저의 경우 자동재생을 끄고 동영상 컨트롤을 켜는 것이 가장 좋습니다. 그러면 의도한 대로 동영상이 작동됩니다.
속성 패널에서 다음과 같이 변경합니다.
- 자동재생을 none으로 설정합니다.
- 관리를 autohide로 설정합니다.
속성
| 속성 | 설명 |
|---|---|
| 이름 | 요소의 이름입니다. |
| URL | 표시할 YouTube 동영상의 URL입니다. URL에서 찾을 수 있는 고유 ID도 사용할 수 있습니다. 동적 데이터에 결합될 수 있습니다. |
| 자동재생 |
동영상의 자동 재생 여부를 설정합니다. 일부 모바일 브라우저에서는 자동재생이 지원되지 않습니다.
|
| 미리보기 재생 시간 | 미리보기 재생 시간입니다(자동재생을 preview 또는 소개로 설정한 경우만 사용 가능). 기본적으로 30초로 설정되어 있습니다. |
| 컨트롤 |
컨트롤 표시 여부입니다.
|
| 진행률 표시줄 색상 | 동영상 플레이어의 진행률 표시줄 색상을 빨간색 또는 흰색으로 지정합니다. |
| 음소거 | 선택하면 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 동영상 ID 설정 |
|
이벤트 대화상자에서 이러한 작업 중 하나를 선택하는 경우 YouTube 구성요소를 수신자로 설정하세요.
이벤트 구성 방법 알아보기
미리보기
Google Web Designer 인터페이스 내에서는 이 구성요소를 미리 볼 수 없습니다. 작동 중인 구성요소를 보려면 오른쪽 상단에 있는 미리보기 