앵커 광고 표시

이 예에서는 Google 게시자 태그 (GPT) 라이브러리를 사용하여 앵커 광고를 표시합니다. Google Ad Manager 고객센터에서 앵커 광고에 대해 자세히 알아보세요.

앵커 광고 미리보기

URL에 #gamTopAnchorDemo 또는 #gamBottomAnchorDemo를 추가하여 GPT로 광고를 게재하는 모든 페이지에 데모 앵커 광고를 표시할 수 있습니다. 예를 들면 https://www.example.com/#gamTopAnchorDemo입니다.

이 기능을 사용하면 코드를 변경하지 않고도 사이트에서 앵커 광고를 미리 볼 수 있습니다. 이는 특히 다양한 기기와 운영 환경에서 앵커가 어떻게 표시되고 작동하는지 빠르게 검증하는 데 유용합니다.

사용법 참고사항

  • 최적의 사용자 환경을 보장하기 위해 앵커 광고는 형식을 올바르게 지원하는 페이지에서만 요청됩니다. 따라서 defineOutOfPageSlot()가 null을 반환할 수 있습니다. 불필요한 작업을 실행하지 않도록 이 경우를 확인해야 합니다. 현재 앵커 광고는 다음 조건을 충족하는 경우에만 지원됩니다.

    • 상단 창에서 GPT가 실행 중입니다.
    • 확대/축소가 중립적인 모바일 최적화 페이지. 일반적으로 이는 게시자의 페이지의 <head><meta name="viewport" content="width=device-width, initial-scale=1"> 또는 이와 유사한 항목이 있음을 의미합니다.
    • 표시 영역이 세로 방향이며 너비가 320px에서 1000px 사이입니다.
  • 앵커를 표시할 페이지/환경에서만 앵커 광고를 요청하세요. 앵커 광고는 데스크톱, 태블릿, 휴대기기에 게재할 수 있습니다.

  • 앵커 광고는 자체 광고 컨테이너를 생성합니다. 다른 광고 유형과 달리 앵커 광고에는 <div>를 정의할 필요가 없습니다. 앵커 광고는 광고가 채워지면 자체 컨테이너를 자동으로 만들어 페이지에 삽입합니다. 이러한 컨테이너는 절대 위치 또는 고정 위치를 사용하여 다른 요소와 겹치거나 가릴 수 있으므로 앵커가 표시되어야 하는 영역에는 이러한 요소를 배치하지 않는 것이 좋습니다.

  • 슬롯이 여러 개 있는 페이지에서 단일 요청 아키텍처 (SRA)를 사용하는 경우에는 정적 광고 슬롯 div가 생성될 때까지 display()를 호출하지 마세요. 광고 권장사항에 설명된 것처럼 display()를 처음 호출하면 이 시점 이전에 정의된 모든 광고 슬롯을 요청합니다. 앵커 광고 슬롯에는 사전 정의된 <div>가 필요하지 않지만 정적 광고 슬롯에는 필요합니다. 이러한 요소가 페이지에 나타나기 전에 display()를 호출하면 신호 품질이 낮아져 수익 창출이 저하될 수 있습니다. 따라서 정적 슬롯이 정의될 때까지 최초 호출을 지연하는 것이 좋습니다.

  • 표시되는 앵커 광고만 새로고침할 수 있습니다. 앵커 광고 슬롯이 접히거나 아직 스크롤되지 않으면 모든 refresh() 호출이 무시됩니다. 그러나 disableInitialLoad()를 사용하여 수동으로 광고 로드 및 새로고침을 제어하는 경우 첫 번째 refresh() 호출은 슬롯 공개 상태와 관계없이 광고 요청을 트리거합니다.

샘플 구현

데모 보기