앵커 광고 표시
이 예에서는 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>가 필요하지 않지만 정적 광고 슬롯에는 이러한<div>가 필요합니다. 이러한 요소가 페이지에 나타나기 전에display()를 호출하면 신호 품질이 저하되어 수익 창출이 감소할 수 있습니다. 따라서 정적 슬롯이 정의된 후에 초기 호출을 지연하는 것이 좋습니다.표시되는 앵커 광고만 새로고침할 수 있습니다. 앵커 광고 슬롯이 접히거나 아직 스크롤되어 표시되지 않으면
refresh()에 대한 모든 호출이 무시됩니다. 하지만disableInitialLoad()를 사용하여 광고 로드 및 새로고침을 수동으로 제어하는 경우refresh()를 처음 호출하면 슬롯 표시 여부와 관계없이 광고 요청이 트리거됩니다.