다음으로 이동: 컴패니언 광고 소재 유형 | configurations | GPT 메서드
컴패니언 광고를 사용하면 동영상 또는 오디오 플레이어와 디스플레이 광고 슬롯에 광고를 동시에 게재할 수 있습니다. 컴패니언 광고는 항상 마스터 광고에 종속되어 게재됩니다.
- VAST 광고 소재는 해당하는 디스플레이 광고를 최대 6개 포함할 수 있습니다.
- 라벨을 사용하면 경쟁 광고주의 광고가 동시에 게재되지 않도록 할 수 있습니다.
- VAST 응답에 포함된 컴패니언 광고가 페이지에서 정의된 디스플레이 슬롯보다 적은 경우 게시자 네트워크의 백업 광고를 게재할 수 있습니다.
마스터 광고가 자동으로 재생되기 시작하면 컴패니언 광고가 즉시 로드되어 두 광고가 동시에 로드됩니다. 마스터 광고가 클릭 재생방식과 같이 사용자 시작을 요구하는 경우에는 마스터 광고가 클릭되기 전에 컴패니언이 아닌 광고가 컴패니언 광고 슬롯에 로드될 수 있습니다. 사용자가 마스터 광고를 클릭하여 재생하면 컴패니언 광고가 컴패니언이 아닌 광고를 대체합니다.
유동적인 크기의 컴패니언은 화면 크기와 관계없이 동일한 크기의 공간을 사용합니다. 이렇게 하면 컴패니언 광고가 전체 화면을 채울 수 있습니다.
사용 가능한 컴패니언 광고 소재 유형
VAST 광고 소재에 컴패니언 광고 소재가 포함되어 있는 경우 다음을 사용할 수 있습니다.
- 이미지: 표준 이미지 또는 서드 파티 광고 서버에서 호스팅되는 광고 소재의 URL입니다.
- Campaign Manager 360: Campaign Manager 360으로 생성된 리디렉션 URL입니다.
- 서드 파티: 서드 파티 광고 서버의 코드입니다.
- 맞춤: 풍부한 광고 경험을 창출하기 위한 나만의 코드입니다.
- 네이티브 형식 (베타) : 표준 또는 맞춤 네이티브 형식입니다.1, 2
- 표준 또는 맞춤 광고 소재 템플릿: 정보를 입력하거나 파일을 업로드하라는 메시지가 표시되는 템플릿입니다.
1 게재 방법으로 네이티브 스타일을 사용하는 경우 게시자가 제공한 광고 소재 소스가 있는 예약 및 보장 프로그래매틱 캠페인에서 네이티브 형식이 지원됩니다.
2 네이티브 동영상이 사용 설정된 형식은 컴패니언으로 사용할 수 없습니다.
컴패니언 광고 구성
컴패니언 광고 소재를 게재하려면 광고 항목, 사이트, 플레이어가 올바르게 구성되어 있어야 합니다.
- 광고 항목을 추가할 때 예상 광고 소재를 마스터 동영상 또는 오디오 광고의 크기로 설정하고 컴패니언 광고의 크기를 포함해야 합니다. 그런 다음 동영상 또는 오디오 광고 소재를 트래피킹할 때 허용한 크기로 컴패니언을 포함할 수 있습니다.
- 디스플레이 광고 슬롯은 컴패니언 광고 작동 방식을 지정하는 GPT 태그를 사용하여 정의되어야 합니다.
- IMA SDK를 사용하는 플레이어는 요청에서 컴패니언 크기를
ciu_szs매개변수로 설정해야 합니다. - 플레이어가 iframe인 경우 HTML에 GPT 프록시 스크립트를 포함해야 합니다.
Google 게시자 태그로 컴패니언 광고를 사용하는 방법에 관한 구현 세부정보를 확인할 수 있습니다. GPT 라이브러리를 사용하지 않는 경우 개발자가 광고 API를 사용하여 컴패니언 지원을 구현할 수 있지만, 아래에 표시된 콘텐츠에서는 GPT 기능을 중점적으로 다룹니다.
컴패니언 광고를 지원하는 GPT 메서드
| GPT 자바스크립트 | 웹페이지의 <head> 내 예시 코드 |
|---|---|
|
|
googletag.defineSlot( |
|
매개변수가 true인 |
googletag.companionAds(). |
|
이렇게 하면 경쟁 제외가 동영상 광고와 디스플레이 광고 모두에서 작동합니다. |
|
|
'자동 재생' 동영상 및 오디오를 위한 선택사항입니다. 이 메서드를 통해 디스플레이 광고가 광고 단위로 로드되지만 컴패니언 광고가 게재되기 전 몇 초 동안만 표시되는 상황을 방지할 수 있습니다. 사용자가 재생을 클릭하여 컴패니언을 로드할 때까지 디스플레이 광고가 로드되고 표시되어야 하기 때문에 초기 로드를 비활성화할 필요가 없는 클릭 재생방식 광고와 비교해 보세요. |
|
컴패니언 디스플레이 광고를 포함한 샘플 GPT 코드
페이지의 전체 <head>는 다음과 같습니다.
<script type='text/javascript'> window.googletag = window.googletag || {cmd: []}; (function() { var gads = document.createElement('script'); gads.async = true; gads.type = 'text/javascript'; gads.src = 'http://securepubads.g.doubleclick.net/tag/js/gpt.js'; var node = document.getElementsByTagName('script')[0]; node.parentNode.insertBefore(gads, node); })(); </script> <script type='text/javascript'> googletag.cmd.push(function() { //↓웹사이트의 실제 광고 단위 및 크기로 설정 googletag.defineSlot('/12345/path/to/adunit', [300, 250], 'div1').addService(googletag.companionAds()).addService(googletag.pubads()); googletag.defineSlot('/12345/path/to/adunit', [160, 600], 'div2').addService(googletag.companionAds()).addService(googletag.pubads()); googletag.defineSlot('/12345/path/to/adunit', [728, 90], 'div3').addService(googletag.companionAds()).addService(googletag.pubads()); googletag.companionAds().setRefreshUnfilledSlots(true); googletag.pubads().enableVideoAds();// ↓동영상 자동 재생 페이지에만 필요 googletag.pubads().disableInitialLoad(); googletag.enableServices(); }); </script>
<body> 코드는 다음과 같습니다.
<div id='div1' style='width:300px; min-height:250px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('ad-div-1'); });
</script>
</div>
<div id='div2' style='width:160px; min-height:600px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('ad-div-2'); });
</script>
</div>
<div id='div3' style='width:728px; min-height:90px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('ad-div-3'); });
</script>
</div>height 속성보다 min-height 속성을 사용하는 것이 더 좋습니다.