구현 가이드

아웃오브페이지 광고

Out-of-page creatives

팝업이나 플로팅처럼 텍스트 안에 들어가지 않는 크리에이티브를 위한 Ad Manager 공간이며, Google의 엄격한 정책이 적용됩니다.

Ad Manager
모바일 및 데스크톱

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

데스크톱

휴대폰

1분 만에 이해하기

아웃오브페이지 광고란?

대부분의 광고는 벽에 걸린 액자처럼 페이지 안의 상자에 들어갑니다. 아웃오브페이지 광고는 다릅니다. 텍스트 중간에 고정된 자리가 없습니다. 벽에 붙이는 포스터가 아니라 문 앞에 전달되는 전단지처럼, 위에 떠 있거나 별도 창에 나타나는 크리에이티브를 위한 것입니다. Ad Manager에서 Google은 이를 아웃오브페이지 크리에이티브라고 부르며, 팝업, 팝언더, 플로팅 광고를 예로 듭니다.

이 광고는 페이지에 정해진 공간이 없으므로, 언제 나타날 수 있는지 사이트가 알려 줘야 합니다. 이는 GPT(Google 게시자 태그)에서 아웃오브페이지 슬롯 전용 함수를 사용하고, body 안에서 표시를 요청하는 방식으로 합니다. Ad Manager에서 광고 항목은 아웃오브페이지(전면 광고) 크기를 사용하며, 크리에이티브는 맞춤, Campaign Manager 360, 템플릿 중에서 고를 수 있습니다. 참고로 노출은 크리에이티브가 실제로 표시될 때만 집계되므로, 작은 집계용 태그가 필요합니다.

이제 가장 중요한 부분입니다. 도구가 있다고 해서 모든 것이 허용되는 것은 아닙니다. Google 정책은 팝언더가 있거나 팝언더를 여는 사이트의 Google 광고, 그리고 백그라운드에서, 화면 밖에서, 또는 사용자의 관심이 다른 곳에 있을 때 실행되는 페이지의 광고를 허용하지 않습니다. 콘텐츠를 아주 조금이라도, 잠깐이라도 가리는 광고도 허용하지 않습니다. 또한 Google이 사용하는 Better Ads 표준은 페이지 로드가 시작된 뒤 나타나 주요 콘텐츠를 가리는 팝업을 허용하지 않습니다.

그럼 어디에 쓰나요? 페이지 외 슬롯은 Ad Manager가 팝업, 팝언더, 플로팅 광고 소재처럼 일반 사각형에 맞지 않는 광고 소재를 게재하는 방법입니다. 그래도 모든 광고 소재는 위에서 읽은 정책을 따라야 합니다. 또한 GPT에는 전면 광고처럼 GPT가 직접 관리하는 페이지 외 형식도 있으며, 이 라이브러리에 각각의 페이지가 있습니다. 맞춤 슬롯은 광고 소재를 직접 제어하는 경우를 위한 것입니다.

단계별 설명

구현 방법

광고 항목 만들기Ad Manager에서 주문을 열고 광고 항목을 추가한 다음, 예상 광고 소재에서 페이지 외(전면) 크기를 선택하세요.
크리에이티브 추가유형을 선택하세요. 맞춤 광고 소재, Campaign Manager 360, 표준 광고 소재 템플릿, 맞춤 광고 소재 템플릿 중 하나입니다. 광고 소재가 표시될 위치에 맞게 SafeFrame을 조정하여 표시 오류를 방지하세요.
노출수 매크로 포함하기모든 페이지 외 광고 소재에는 예시에 나온 노출수 집계 매크로가 필요합니다. 없으면 노출수가 하나도 집계되지 않습니다.
광고 단위 태그 생성인벤토리, 광고 단위에서 광고 단위를 열고 태그 탭으로 이동해 Google 게시자 태그(GPT)를 선택한 다음 페이지 외 광고 소재 옵션을 체크하세요.
페이지에 코드 넣기head에서 아웃오브페이지 슬롯을 정의하고 body 안에서 표시를 호출하세요. 인벤토리 예측이 정확하도록 광고 항목은 이 태그가 있는 페이지만 타겟팅하세요.

구현 예시

코드와 화면에 보이는 모습

슬롯 정의는 head에, 노출 호출이 들어 있는 div는 body에 넣고, 노출수 매크로는 Ad Manager의 광고 소재 안에 넣습니다.

<!-- No <head> -->
<script async
  src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"
  crossorigin="anonymous"></script>
<script>
  window.googletag = window.googletag || { cmd: [] };
  googletag.cmd.push(() => {
    // Slot fora da página personalizado: sem tamanho, só o caminho e a div.
    const slot = googletag.defineOutOfPageSlot(
      "/1234567/exemplo",
      "fora-da-pagina"
    );
    if (slot) {
      slot.addService(googletag.pubads());
    }
    googletag.enableServices();
  });
</script>

<!-- No <body> -->
<div id="fora-da-pagina"></div>
<script>
  googletag.cmd.push(() => {
    googletag.display("fora-da-pagina");
  });
</script>

<!-- Dentro do criativo, no Ad Manager (conta a impressão): -->
<!-- <img src="%%VIEW_URL_UNESC%%" style="display:none"> -->

데스크톱텍스트 중간의 공간을 차지하지 않습니다. 크리에이티브는 프로그래밍된 대로, 예를 들어 떠 있는 형태로 나타나며 콘텐츠를 가려서는 안 됩니다.

모바일모바일에서도 같은 방식으로 작동합니다. 작은 화면에서 주요 콘텐츠를 가리는 팝업은 Better Ads 표준에서 허용되지 않는 경험에 속합니다.

Google의 안내

허용 및 금지 사항

허용

텍스트 안의 직사각형에 맞지 않는 크리에이티브에는 아웃오브페이지 슬롯을 사용하기.
맞춤 광고 소재, Campaign Manager 360, 표준 광고 소재 템플릿 또는 맞춤 광고 소재 템플릿을 사용하세요.
크리에이티브가 표시될 위치에 맞게 SafeFrame 켜기 또는 끄기.
전면 광고처럼 GPT가 직접 관리하는 아웃오브페이지 형식 사용하기.
아웃오브페이지 광고 항목은 이 태그가 표시된 페이지만 타겟팅하기.

허용 안 됨

팝언더가 있거나 팝언더를 여는 사이트에 Google 광고 넣기.
백그라운드에서, 화면 밖에서, 또는 사용자의 관심이 다른 곳에 있을 때 실행되는 페이지에 Google 광고 표시하기.
광고가 콘텐츠를 전부 또는 일부라도 얼마 동안이든 가리게 두기. 광고가 다른 광고를 가리는 경우도 해당됩니다.
페이지 로드가 시작된 뒤 나타나서 주요 콘텐츠를 가리는 팝업 사용하기. Better Ads 표준은 이런 경험을 허용하지 않습니다.
직접 프로그래매틱 판매인 프로그래매틱 다이렉트에서 페이지 외 광고 소재를 사용하는 것. Google은 호환되지 않는다고 설명합니다.

팁

올바르게 하는 방법

페이지가 광고 항목을 요청했지만 크리에이티브가 한 번도 표시되지 않으면 노출이 기록되지 않습니다.
아웃오브페이지 요청을 채우는 광고가 없으면, 그 빈 노출은 Ad Manager의 보고서와 청구서에 포함되지 않습니다.
플로팅 크리에이티브는 텍스트 위에 놓이지 않게 만드세요. 콘텐츠를 가리지 말라는 규칙은 몇 초뿐이어도 적용됩니다.
GPT 문서에 공식 아웃오브페이지 광고 예시가 있으니 출발점으로 활용하세요.

주의

흔한 오류

노출수 매크로를 빼먹는 것

광고 소재 안에 노출수 집계 매크로가 없으면 Ad Manager는 노출수를 전혀 집계하지 않습니다.

잘못된 SafeFrame

SafeFrame은 크리에이티브 유형에 따라 켜져 있거나 꺼져 있습니다. 크리에이티브가 표시되는 위치에 맞게 조정하지 않으면 표시 오류가 생길 수 있습니다.

div 이름 불일치

맞춤 슬롯에서는 정의할 때 전달하는 이름이 크리에이티브가 들어갈 div의 이름이어야 하며, 표시할 때 쓰는 이름과도 같아야 합니다.

태그가 없는 페이지를 타겟팅하기

이 태그가 없는 페이지를 타겟팅한 아웃오브페이지 광고 항목은 인벤토리 예측을 부정확하게 만듭니다.

자주 묻는 질문

팝언더는 허용되나요?

아니요. Google 정책상 팝언더가 있거나 팝언더를 여는 사이트에서는 Google 광고가 허용되지 않습니다. Ad Manager 도움말에 팝언더 광고 소재가 언급되어 있어도 정책은 그대로 적용됩니다.

텍스트 위에 광고를 띄워도 되나요?

콘텐츠를 가린다면 안 됩니다. 정책은 콘텐츠를 전부 또는 일부라도, 얼마 동안이든 가리는 Google 광고를 금지합니다.

아웃오브페이지는 전면 광고와 같은 건가요?

전면 광고는 아웃오브페이지 광고의 한 종류입니다. GPT에는 GPT가 관리하는 버전이 있고, 맞춤 슬롯은 그 기성 형식을 쓰지 않는 직접 만든 크리에이티브를 위한 것입니다.

코드에 크기를 입력해야 하나요?

GPT 맞춤 슬롯에서는 크기 없이 광고 단위 경로와 div 이름만 전달합니다. 광고 항목의 크기는 아웃오브페이지(전면 광고)입니다.

자료실

Google 공식 출처

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

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

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

감사 실행하기