사이드 레일 광고 표시

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

사이드 레일 광고 미리보기

URL에 #gamLeftSideRailDemo 또는 #gamRightSideRailDemo를 추가하면 GPT로 광고를 표시하는 모든 페이지에 데모 사이드 레일 광고를 표시할 수 있습니다. 예: https://www.example.com/#gamLeftSideRailDemo.

이를 사용하면 코드 변경 없이 사이트에서 사이드 레일 광고를 미리 볼 수 있습니다. 이는 특히 다양한 기기와 운영 환경에서 측면 레일의 모양과 동작을 빠르게 검증하는 데 유용합니다.

사용 참고사항

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

    • GPT가 상단 창에서 실행 중입니다.
    • 표시 영역 크기는 1200x650픽셀 이상입니다.
  • 사이드 레일 광고를 표시하려는 페이지와 환경에서만 사이드 레일 광고를 요청합니다. 사이드 레일 광고는 모든 기기에 게재할 수 있습니다.

  • 사이드 레일 광고는 자체 광고 컨테이너를 생성합니다. 사이드 레일 광고에는 <div>가 필요하지 않습니다. 측면 레일 광고는 광고가 채워질 때 자동으로 자체 컨테이너를 생성하여 페이지에 삽입합니다. 이러한 컨테이너는 기본 페이지 콘텐츠에 최대한 가깝게 배치됩니다.

  • 사이드 레일 광고는 사용 가능한 공간에 맞게 최적화됩니다. 측면 레일 광고를 표시하려면 기본 페이지 콘텐츠의 왼쪽이나 오른쪽에 최소 120x500픽셀의 빈 공간이 필요합니다. 표시된 후 페이지 크기가 조절되어 빈 공간이 이 최솟값 미만이 되면 공간을 다시 사용할 수 있을 때까지 슬롯이 일시적으로 숨겨집니다.

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

  • 표시되는 사이드 레일 광고만 새로고침합니다. 측면 레일 광고 슬롯이 접히거나 표시되지 않으면 모든 refresh() 호출이 무시됩니다. disableInitialLoad()를 사용하여 광고 로드 및 새로고침을 수동으로 제어하는 경우 refresh()를 처음 호출하면 슬롯 표시 여부와 관계없이 광고 요청이 트리거됩니다.

샘플 구현

데모 보기

자바스크립트

로드 중...

TypeScript

로드 중...