구현 가이드

동영상 오버레이 광고

Overlay ads (non-linear ads)

동영상이 계속 재생되는 동안 동영상 일부를 덮는 텍스트 또는 이미지 광고로, 콘텐츠를 멈추지 않습니다.

Ad Manager
Ad Exchange
AdSense(Ad Manager 경유)
동영상 플레이어 안, 콘텐츠 일부 위

형식 알아보기 내 사이트에서 확인하기

데스크톱

휴대폰

1분 만에 이해하기

동영상 오버레이 광고란?

TV로 경기를 보는데 화면 한쪽 띠에 작은 광고가 나오지만 경기는 계속되는 것을 본 적 있으시죠? 오버레이 광고도 비슷합니다. 동영상이 재생되는 동안 동영상의 일부만 덮는 텍스트 또는 이미지 광고입니다. 동영상은 멈추지 않습니다. 방문자는 계속 보고, 광고는 화면 한 귀퉁이에 붙인 스티커처럼 그 위에 있습니다.

동영상 광고 세계에서는 이를 비선형(non-linear) 광고라고 합니다. 선형은 프리롤처럼 동영상 자리를 차지해 콘텐츠를 멈추게 하는 광고입니다. 비선형은 동영상과 화면을 나눠 쓰는 광고입니다. Ad Manager에는 오버레이라는 광고 소재 유형이 있으며, Google은 동영상이 재생되는 동안 콘텐츠 일부를 덮는 광고라고 설명합니다. 광고는 텍스트, 이미지, 또는 둘 다일 수 있습니다. Ad Manager에 파일을 업로드하거나 원격 파일을 사용할 수 있고, 길이, 배율, 서드 파티 추적 링크를 설정할 수 있습니다.

사이트에서는 플레이어 광고용 Google 코드 패키지인 IMA SDK가 오버레이를 표시합니다. 요청할 때 플레이어는 비선형 광고가 나타날 수 있는 직사각형 영역의 너비와 높이를 알려 줍니다. Google은 이 크기가 비선형 광고에 필수이며 광고를 고르는 데 도움이 되지만 실제 광고 크기와 같을 필요는 없다고 안내합니다. 광고가 로드되었고 비선형이면 Google의 예시 코드는 동영상을 계속 재생해서 광고가 움직이는 콘텐츠 위에 표시되게 합니다.

중요한 규칙이 있습니다. 네트워크나 태그에서 동영상 광고 규칙이 활성화되어 있으면 오버레이 광고를 게재할 수 없습니다. 또한 Google 동영상 정책상 동영상과 광고의 컨트롤이 가려지거나 숨겨지거나 작동하지 않으면 안 됩니다. 그래서 오버레이는 재생, 일시중지, 볼륨 버튼을 가리지 않고 알맞은 영역에 들어가야 합니다.

단계별 설명

구현 방법

오버레이 광고 소재 만들기동영상 광고 항목에 오버레이 유형의 광고 소재를 추가하세요. Ad Manager에 파일을 업로드하거나 원격 파일을 사용하고, 원하면 길이, 배율, 추적을 설정합니다.
광고 규칙 확인네트워크나 태그에서 동영상 광고 규칙이 활성화되어 있으면 오버레이 광고는 적격이 아닙니다. 오버레이에 기대를 걸기 전에 이것을 확인하세요.
요청에 비선형 영역 알리기IMA의 AdsRequest에 비선형 영역의 너비와 높이를 입력하세요. Google은 이 값이 비선형 광고에 필수라고 안내합니다.
동영상 계속 재생광고가 로드되면 선형인지 확인하세요. 선형이 아니면 Google 예시처럼 동영상이 계속 재생되게 하세요.
플레이어 크기에 맞추기창 크기가 바뀌면 동영상 크기로 AdsManager의 크기를 조정해서 오버레이가 알맞은 자리에 있게 하세요.

구현 예시

코드와 화면에 보이는 모습

IMA가 있는 플레이어 코드에 넣습니다. 요청에 오버레이 영역을 알리고, 로드된 광고가 비선형이면 동영상이 계속 재생되게 합니다.

<script>
  var adsRequest = new google.ima.AdsRequest();
  adsRequest.adTagUrl = 'https://pubads.g.doubleclick.net/gampad/ads?' +
      'iu=/1234567/exemplo&sz=640x480&env=vp&gdfp_req=1&output=vast' +
      '&unviewed_position_start=1&vpa=click&vpmute=0&plcmt=1' +
      '&description_url=https%3A%2F%2Fwww.exemplo.com%2Fvideo&correlator=';

  // Área para anúncios lineares (que param o vídeo)
  adsRequest.linearAdSlotWidth = 640;
  adsRequest.linearAdSlotHeight = 400;

  // Área para anúncios NÃO lineares (overlay), obrigatória para eles
  adsRequest.nonLinearAdSlotWidth = 640;
  adsRequest.nonLinearAdSlotHeight = 150;

  adsLoader.requestAds(adsRequest);

  // Quando o anúncio carrega: se não for linear, o vídeo segue tocando
  function onAdLoaded(adEvent) {
    var ad = adEvent.getAd();
    if (!ad.isLinear()) {
      video.play();
    }
  }
  // adsManager.addEventListener(google.ima.AdEvent.Type.LOADED, onAdLoaded);
</script>

데스크톱동영상이 아래에서 계속 재생되는 동안 텍스트나 이미지 띠가 동영상 일부 위에 표시됩니다.

모바일플레이어와 광고가 그렇게 설정되어 있다면 콘텐츠를 멈추지 않고 플레이어 안의 동영상 일부 위에 표시됩니다.

Google의 안내

허용 및 금지 사항

허용

동영상이 재생되는 동안 동영상 일부를 덮는 텍스트, 이미지 또는 둘 다의 광고 표시하기.
Ad Manager에 Overlay 크리에이티브를 업로드하거나 원격 파일 사용하기. 길이, 배율, 추적은 선택사항입니다.
비선형 광고가 나타나는 동안 동영상 계속 재생하기.
게시자가 호스팅하는 프로그래매틱 보장에서 오버레이 광고 소재를 사용하는 것.

허용 안 됨

네트워크나 태그에서 동영상 광고 규칙이 켜져 있으면 오버레이 광고를 게재할 수 없습니다.
오버레이가 동영상과 광고의 컨트롤을 가리거나, 숨기거나, 멈추게 하면 안 됩니다.
비선형 영역의 너비와 높이를 알리지 않고 비선형 광고를 요청하면 안 됩니다. Google은 이 값이 필수라고 안내합니다.
IMA 제품을 YouTube 동영상으로 수익을 내는 데 사용하면 안 됩니다.
저절로 재생되는 플레이어가 동시에 둘 이상 보이면 안 됩니다.

팁

올바르게 하는 방법

Google 예시는 640x150의 비선형 영역을 사용합니다. 입력하는 크기가 광고의 크기와 같을 필요는 없습니다.
IMA에는 AdSense의 비선형 광고를 전체 화면 선형 광고로 표시하도록 강제하는 옵션이 있습니다. 이 경우 동영상은 일시중지되고, 광고를 건너뛰거나 닫으면 다시 재생됩니다.

주의

흔한 오류

광고 규칙이 켜진 상태에서 오버레이 사용하기

Google은 네트워크나 태그에서 동영상 광고 규칙이 켜져 있으면 비선형 광고가 해당되지 않는다고 안내합니다. 오버레이가 그냥 표시되지 않습니다.

비선형 영역을 잊기

요청에 비선형 영역의 너비와 높이를 알리지 않으면 IMA에는 이 유형의 광고를 고르는 데 필요한 기준이 없습니다.

오버레이에서 동영상 일시중지

오버레이는 동영상이 재생되는 중에 표시되도록 만들어졌습니다. Google 예시는 로드된 광고가 비선형이면 동영상을 계속 재생하게 합니다.

플레이어 버튼 가리기

오버레이가 컨트롤 위에 있으면 방문자가 일시중지하거나 볼륨을 바꿀 수 없으며, 이는 Google 동영상 정책에 어긋납니다.

자주 묻는 질문

오버레이는 동영상을 멈추나요?

아니요. 콘텐츠가 계속 재생되는 동안 동영상 일부만 덮습니다. 프리롤 같은 선형 광고가 동영상을 멈춥니다.

오버레이를 광고 규칙과 함께 사용할 수 있나요?

아니요. 네트워크나 태그에서 동영상 광고 규칙이 켜져 있으면 오버레이 광고는 해당되지 않습니다.

어떤 크기를 입력해야 하나요?

Google 예시는 640x150을 사용합니다. 이 값은 광고를 고르는 데 쓰이며 광고의 실제 크기와 같을 필요는 없습니다.

오버레이는 텍스트만 가능한가요?

아니요. Google은 오버레이 광고가 텍스트, 이미지 또는 둘 다일 수 있다고 안내합니다.

자료실

Google 공식 출처

이 페이지의 모든 내용은 Google 공식 문서를 따릅니다. 원문에서 바로 읽어 보세요.

내 사이트가 이 형식을 올바르게 쓰고 있나요?

감사는 사이트를 방문자처럼 읽고, 아무것도 클릭하지 않으며, 무엇을 고쳐야 하는지 알려 줍니다.

감사 실행하기