워크스페이스 열기

구현 가이드

앵커 광고

Anchor ads

사용자가 페이지를 스크롤하는 동안 화면 상단이나 하단에 고정되어 있고 쉽게 닫을 수 있는 광고 띠.

  • AdSense
  • Ad Manager
  • 모바일 및 데스크톱
데스크톱
휴대폰

1분 만에 이해하기

앵커 광고란

앵커 광고는 화면 가장자리에 붙어 있는 광고 띠입니다. 냉장고 자석을 떠올려 보세요. 문은 열리고 닫히지만 자석은 그 자리에 그대로 있습니다. 여기서도 같습니다. 사용자가 글을 위아래로 스크롤해도 띠는 화면 위나 아래에 가만히 있습니다. 페이지 위에 겹쳐 표시됩니다.

AdSense에서 앵커 광고는 자동 광고의 일부이며 오버레이 형식 그룹에 속합니다. 오버레이는 광고가 페이지 위에 표시된다는 뜻입니다. Google 설명에 따르면 앵커 광고는 기본적으로 화면 상단에 표시되고, 상단에 있으면 사용자에게 방해가 될 때는 하단으로 이동합니다. 상단 광고는 사이트 이름이나 메뉴를 절대 가리지 않도록 사용자가 충분히 스크롤한 뒤에만 나타납니다. 작은 광고로 커지거나 줄어들거나 화면 구석으로 이동할 수 있는 동적 앵커 광고도 있습니다.

Ad Manager에서는 앵커 광고를 GPT가 처리합니다. GPT(Google Publisher Tag)는 페이지에 광고를 요청하고 표시하는 Google 코드입니다. 상단 앵커나 하단 앵커 유형의 슬롯(광고 공간)을 요청합니다. GPT가 광고 상자를 직접 만들기 때문에 페이지에 공간을 따로 만들 필요가 없습니다. 페이지나 기기가 이 형식을 지원하지 않으면 GPT는 슬롯을 만들지 않습니다.

Google은 앵커가 사용자가 거슬리지 않도록 하는 규칙인 Better Ads 표준을 따르는 고성능 형식이라고 설명합니다. 사용자는 화살표를 클릭해 언제든 광고를 닫을 수 있습니다. 모바일과 컴퓨터 모두에서 Google은 앵커가 나타나길 원하는 페이지에서만 앵커를 요청하라고 권장합니다. 같은 코드를 두 기기에 쓴다면 각각 언제 어디서 앵커를 표시할지 정해 두는 것이 좋습니다.

단계별 설명

구현 방법

  1. 모든 페이지에 코드 넣기AdSense의 자동 광고는 사이트의 모든 페이지에 넣은 코드 하나로 작동합니다. Ad Manager에서는 페이지가 GPT를 로드해야 합니다.
  2. AdSense에서 앵커 광고 켜기광고를 클릭하고 사이트 옆의 수정을 클릭하세요. 광고 설정에서 자동 광고를 켜고, 오버레이 형식에서 앵커 광고를 켜 둔 다음 사이트에 적용을 클릭합니다.
  3. 위치와 화면 선택고급 설정에서 앵커 광고 위치 선택을 사용하세요. 상단 또는 하단, 상단만, 하단만 중에서 고를 수 있습니다. 동적 앵커 광고와 1,000픽셀을 넘는 화면에 대한 옵션도 여기에 있습니다.
  4. Ad Manager에서 앵커 슬롯 만들기GPT에서 위쪽 또는 아래쪽 앵커 유형의 페이지 외 슬롯을 정의하세요. 가급적 head 안에 두는 것이 좋습니다. 그런 다음 슬롯이 비어서 돌아오지 않았는지 확인하세요.
  5. Ad Manager에서 인벤토리 준비320x50 크기와 다른 기존 크기의 광고 단위를 만들거나 재사용하세요. 예약된 광고 항목에서는 앵커 인벤토리 형식으로 타기팅할 수 있습니다.
  6. 코드를 바꾸지 않고 테스트GPT가 이미 로드되는 페이지라면 주소 끝에 예시에 나온 데모 코드를 붙여 테스트 앵커 광고를 확인하세요.

구현 예시

코드와 화면에 보이는 모습

두 블록은 모두 페이지의 head에 넣습니다. 첫 번째는 AdSense 사용자용, 두 번째는 GPT와 함께 Ad Manager를 쓰는 사용자용이며, 사용하는 제품의 블록만 쓰세요.
<!-- AdSense (opcional): âncoras só no rodapé -->
<script async
  src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0000000000000000"
  data-overlays="bottom"
  crossorigin="anonymous"></script>

<!-- Ad Manager (GPT): slot âncora -->
<script async
  src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"
  crossorigin="anonymous"></script>
<script>
  window.googletag = window.googletag || { cmd: [] };
  googletag.cmd.push(() => {
    const anchorSlot = googletag.defineOutOfPageSlot(
      "/1234567/exemplo",
      googletag.enums.OutOfPageFormat.BOTTOM_ANCHOR // ou TOP_ANCHOR
    );
    // Volta null se a página ou o aparelho não aceitar âncora
    if (anchorSlot) {
      anchorSlot.addService(googletag.pubads());
    }
    googletag.enableServices();
    if (anchorSlot) {
      googletag.display(anchorSlot);
    }
  });
</script>

<!-- Teste: https://www.exemplo.com/#gamTopAnchorDemo
     ou #gamBottomAnchorDemo -->
데스크톱컴퓨터에서 앵커 광고는 화면 상단이나 하단에 고정된 띠로 나타납니다. AdSense에는 너비 1,000픽셀을 넘는 화면에서 앵커 광고를 허용하거나 차단하는 옵션이 있습니다.
모바일모바일에서는 사용자가 스크롤하는 동안 띠가 상단이나 하단에 고정됩니다. 동적 버전은 더 많은 공간을 차지할 수 있으며, 사용자가 바로 일반 크기로 줄일 수 있습니다.

Google의 안내

허용 및 금지 사항

허용

  • Google이 상단과 하단 중에서 고르게 하거나, AdSense 고급 설정에서 상단만 또는 하단만 선택하기.
  • AdSense 코드를 공식 매개변수로 바꿔 앵커를 하단에만 표시하거나, 접을 수 있는 버전 없이 일반 하단 앵커만 표시하세요. Google은 이러한 변경을 허용되는 수정이라고 부릅니다.
  • 광고가 나타나길 원하는 곳에서만 광고를 요청한다면, 휴대폰, 태블릿, 컴퓨터에서 앵커 광고를 표시하기.
  • Ad Manager에서 앵커 인벤토리 형식으로 광고 항목을 타기팅하고, 인벤토리 형식 측정기준으로 실적 비교하기.
  • 앵커 광고 형식으로 필터링한 맞춤 보고서로 AdSense에서 결과 측정하기.

허용 안 됨

  • 앵커 광고를 어디에 둘지 정하지 않고 모바일과 컴퓨터에 같은 코드를 보내지 마세요. 광고를 원하지 않는 페이지에서는 앵커 광고를 요청하지 마세요.
  • iframe 안에서 GPT를 실행하지 마세요. 앵커 광고는 GPT가 메인 창에 있을 때만 작동합니다.
  • Google이 허용한 수정 외에는 AdSense 코드를 바꾸지 마세요. 광고가 미끄러지거나 확대되거나 지나치게 눈에 띄게 만들지 마세요.
  • 광고 클릭을 유도하지 마세요. 클릭을 요청하는 문구나 광고를 가리키는 화살표도 안 됩니다.

팁

올바르게 하는 방법

주의

흔한 오류

슬롯이 비어서 반환되었는지 확인하지 않음

페이지가 앵커 광고를 지원하지 않으면 GPT는 null을 반환합니다. 코드가 이를 확인하지 않으면 존재하지 않는 슬롯을 쓰려고 합니다.

모바일에 맞게 조정되지 않은 페이지

앵커 광고에는 확대/축소가 고정된, 모바일에 최적화된 페이지가 필요합니다. 보통 head의 viewport 태그로 해결됩니다.

너무 일찍 표시 호출하기

단일 요청(SRA)에서는 첫 번째 표시가 그 앞에 정의된 모든 슬롯을 요청합니다. 고정 공간이 페이지에 만들어지기 전에 호출되면 일부 광고가 빠집니다. Google은 이 첫 호출을 늦추라고 권장합니다.

앵커 광고가 꺼졌다고 착각하기

AdSense 코드에서 하단 매개변수를 쓰면 대시보드에서 옵션을 꺼 두어도 앵커 광고가 켜집니다. 정말로 끄려면 매개변수도 제거하세요.

자주 묻는 질문

앵커 광고가 컴퓨터에도 표시되나요?

표시될 수 있습니다. AdSense에서는 주로 모바일에서 제공되지만 컴퓨터에서도 제공되며, 1,000픽셀을 넘는 화면 옵션으로 제어할 수 있습니다.

사용자가 광고를 닫을 수 있나요?

네. Google은 앵커 광고가 쉽게 닫을 수 있는 형식이라고 말하며, Ad Manager에서는 사용자가 화살표를 클릭해 언제든 닫을 수 있습니다.

Ad Manager에서 앵커 광고용 div를 만들어야 하나요?

아니요. 앵커 광고는 자체 광고 상자를 만듭니다. GPT에서 슬롯만 정의하면 됩니다.

Ad Manager에서 앵커 광고에 동영상을 쓸 수 있나요?

네. 아웃스트림(non-in-stream) 동영상은 기본으로 켜져 있으며, 인스트림이 아닌 동영상 광고 차단 보호 기능은 꺼져 있어야 합니다.

자료실

Google 공식 출처

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

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

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

감사 실행하기