구현 가이드

컴패니언 광고

Companion ads

플레이어에서 동영상이나 오디오 광고가 재생되는 동안 페이지에 함께 나타나, 짝을 이루는 배너.

Ad Manager
페이지 안, 동영상 또는 오디오 플레이어 근처의 디스플레이 공간

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

데스크톱

휴대폰

1분 만에 이해하기

컴패니언 광고란

콘서트를 떠올려 보세요. 가수가 무대에 있는 동안 옆의 대형 화면에 노래 제목이 나옵니다. 둘은 동시에 같은 이야기를 합니다. 컴패니언 광고가 이와 같습니다. 동영상 또는 오디오 광고가 플레이어에서 재생되는 동안 같은 광고의 배너가 플레이어 근처 페이지의 광고 슬롯에 나타납니다.

Google은 컴패니언 광고를 사용하면 동영상이나 오디오 플레이어에서 광고가 게재되는 동안 디스플레이 공간에도 광고를 표시할 수 있다고 설명합니다. 컴패니언 광고는 항상 마스터라는 주 광고에 의존하며, 마스터가 없으면 컴패니언도 없습니다. 노래하는 사람이 있어야 의미가 있는 공연의 대형 화면과 같습니다. VAST 광고 하나에는 최대 6개의 컴패니언 디스플레이 광고를 넣을 수 있습니다.

사이트는 이것을 어떻게 구현할까요? 플레이어 근처의 디스플레이 슬롯은 Google의 광고 슬롯용 코드인 GPT(Google Publisher Tag)로 만듭니다. GPT에는 이를 위한 세 가지 요소가 있습니다. 첫째, companionAds는 같은 페이지의 플레이어에서 VAST 광고가 재생될 때 해당 슬롯이 컴패니언 광고를 받을 수 있다고 알려 줍니다. 둘째, setRefreshUnfilledSlots는 비어 있는 슬롯을 나중에 채우도록 요청합니다. 셋째, enableVideoAds는 GPT와 IMA SDK가 같은 correlator를 쓰게 합니다. correlator는 같은 페이지뷰의 모든 광고 요청에서 동일한 숫자입니다. 플레이어 쪽에서는 IMA가 태그의 ciu_szs 매개변수로 컴패니언 크기를 보냅니다.

언제 쓸 만할까요? 동영상 또는 오디오 광고가 있고 그 광고가 페이지에도 나타나길 원할 때입니다. 오디오 광고를 받을 수 있는 동영상 플레이어에서는 오디오가 재생되는 동안 플레이어가 빈 화면이 되지 않도록 컴패니언 배너를 사용하길 Google이 강력히 권장합니다. 주의할 점이 있습니다. 슬롯은 컴패니언과 크기가 같아야 하고, 반응형 광고는 동영상 컴패니언으로 지원되지 않으며, 플레이어가 iframe 안에 있으면 GPT 프록시 스크립트가 필요합니다.

단계별 설명

구현 방법

광고 항목에 크기 입력동영상 및 오디오 광고 항목을 만들 때 마스터 크리에이티브의 예상 크기와 컴패니언의 크기를 입력하세요.
컴패니언 크리에이티브 추가허용되는 유형 중 하나를 사용하세요. 이미지, Campaign Manager 360, 서드 파티, 맞춤, 네이티브 형식(베타) 또는 표준이나 맞춤 광고 소재 템플릿입니다.
기본 페이지에서 GPT 로드HTML5용 IMA는 GPT가 기본 페이지에 로드될 때만 GPT 공간을 인식합니다. 플레이어가 iframe 안에 있다면 GPT 프록시 스크립트를 포함하세요.
컴패니언 공간 만들기companionAds와 pubads로 공간을 정의하고, 빈 공간 채우기를 켜고, 동영상 광고를 활성화한 다음 공간을 표시하세요. 플레이어가 광고를 표시하기 전에 공간을 정의하세요.
플레이어 태그에 크기 보내기IMA 태그에서 ciu_szs 매개변수에 728x90,300x250처럼 쉼표로 구분한 컴패니언 크기를 넣으세요.
자동재생에서 깜빡임 방지동영상이나 오디오가 저절로 재생되면 GPT는 disableInitialLoad를 사용해, 컴패니언이 도착하기 전에 일반 배너가 잠깐 표시되는 것을 막을 수 있습니다.

구현 예시

코드와 화면에 보이는 모습

GPT는 플레이어와 같은 페이지의 head에 넣고, 컴패니언 상자는 컴패니언 광고와 같은 크기로 플레이어 근처에 둡니다.

<!-- No head: GPT com um espaço que aceita complementar -->
<script async
  src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
<script>
  window.googletag = window.googletag || { cmd: [] };
  googletag.cmd.push(function () {
    googletag
        .defineSlot('/1234567/exemplo', [728, 90], 'companionDiv')
        .addService(googletag.companionAds())
        .addService(googletag.pubads());
    googletag.companionAds().setRefreshUnfilledSlots(true);
    googletag.pubads().enableVideoAds();
    googletag.enableServices();
  });
</script>

<!-- No body: a caixa do complementar, do mesmo tamanho -->
<div id="companionDiv" style="width:728px; height:90px;">
  <script>
    googletag.cmd.push(function () { googletag.display('companionDiv'); });
  </script>
</div>

<!-- Na tag do IMA, os tamanhos dos complementares vão em ciu_szs:
     ...&ciu_szs=728x90&... -->

데스크톱광고가 플레이어에서 재생되는 동안 같은 광고의 배너가 페이지의 디스플레이 슬롯에 표시됩니다.

모바일컴패니언 배너는 플레이어에서 광고가 재생되는 동안 페이지의 디스플레이 공간에 나타납니다. fluid 크기에서는 어떤 화면에서든 같은 비율의 공간을 차지합니다.

Google의 안내

허용 및 금지 사항

허용

VAST 광고 하나당 최대 6개의 컴패니언 광고 표시하기.
이미지, Campaign Manager 360, 서드 파티, 맞춤, 네이티브 형식(베타) 또는 광고 소재 템플릿 유형의 컴패니언을 사용하세요.
비어 있는 컴패니언 공간을 나중에 내 네트워크의 다른 광고로 채우도록 요청하기.
어떤 화면에서든 같은 비율의 공간을 차지하는 fluid 크기 컴패니언 사용하기.
오디오 광고를 받을 수 있는 동영상 플레이어에서 컴패니언 배너를 사용하는 것. Google이 강력히 권장합니다.

허용 안 됨

컴패니언은 단독으로 존재하지 않습니다. 항상 마스터 광고에 의존합니다.
반응형 광고는 동영상 컴패니언으로 지원되지 않습니다.
IMA는 동영상 컴패니언에서 클릭하여 소리 켜기 기능을 지원하지 않습니다.
네이티브 동영상이 켜진 형식은 컴패니언으로 사용할 수 없습니다.
플레이어가 iframe 안에 있으면 프록시 스크립트가 없을 때 GPT가 인식되지 않습니다.

팁

올바르게 하는 방법

페이지가 진행되는 동안 만든 공간은 플레이어가 광고를 표시하기 전에 정의하세요.
VAST가 정의된 공간보다 적은 수의 컴패니언을 보내면, 남은 공간은 내 네트워크의 광고로 채워질 수 있습니다.
ciu_szs 매개변수에서 크기 사이의 세로선(|)은 여러 크기를 받을 수 있는 공간을 뜻합니다.
GPT를 쓰지 않는 경우 IMA API로 컴패니언을 가져올 수 있습니다. 크기를 선택하고, 광고가 시작되면 상자에 콘텐츠를 넣으세요.

주의

흔한 오류

iframe 안의 GPT

HTML5용 IMA는 기본 페이지의 GPT 공간만 인식합니다. iframe 안에서 프록시 스크립트가 없으면 컴패니언이 나타나지 않습니다.

맞지 않는 크기

컴패니언은 공간과 크기가 같아야 합니다. 728x90 공간은 300x250 컴패니언을 받지 않습니다.

태그에 크기를 빠뜨림

IMA를 쓰는 플레이어는 ciu_szs 매개변수로 컴패니언 크기를 보내야 합니다. 그렇지 않으면 서버가 페이지에서 어떤 크기를 허용하는지 알 수 없습니다.

컴패니언이 오기 전에 배너가 깜빡임

저절로 재생되는 동영상이나 오디오에서는 일반 배너가 잠깐 나타날 수 있습니다. Google은 이를 막기 위해 disableInitialLoad를 사용하라고 안내합니다.

자주 묻는 질문

동영상 없이도 컴패니언이 나타나나요?

아니요. 컴패니언은 항상 플레이어에서 재생되는 마스터 광고에 의존합니다. 컴패니언이 없으면 그 공간은 내 네트워크의 다른 광고를 받을 수 있습니다.

컴패니언을 몇 개까지 둘 수 있나요?

VAST 광고 하나에는 최대 6개의 컴패니언 디스플레이 광고를 넣을 수 있습니다.

오디오 광고에서도 작동하나요?

예. 오디오 광고를 받을 수 있는 동영상 플레이어에서는 소리가 재생되는 동안 플레이어가 빈 화면이 되지 않도록 컴패니언 배너를 사용하길 Google이 강력히 권장합니다.

enableVideoAds는 어디에 쓰나요?

GPT와 IMA SDK가 같은 correlator를 쓰게 합니다. correlator는 같은 페이지뷰의 모든 광고 요청에서 동일한 숫자입니다.

자료실

Google 공식 출처

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

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

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

감사 실행하기