Google 게시자 태그(GPT)를 사용하여 방문자의 브라우저에 맞는 반응형 광고를 제작하세요. 즉, 방문자가 데스크톱, 태블릿, 휴대기기 등 어떤 기기를 사용하더라도 광고가 정상적으로 표시됩니다.
GPT API를 사용하면 광고 슬롯에 대해 한 가지 이상의 광고 크기를 적용하도록 지정할 수 있습니다. 반응형 광고 기능을 사용하면 브라우저 크기에 따라 대체 크기 집합도 선택할 수 있습니다.
예
브라우저의 크기가 1024x768보다 크다면 970x90 또는 728x90 크기의 광고를, 작은 브라우저의 경우에는 468x60 크기의 광고가 게재되도록 지정할 수 있습니다.
데스크톱, 태블릿 및 휴대기기마다 각각 다른 크기를 매핑하는 것이 좋습니다.
- 브라우저 크기와 관련된 모든 언급은 실제로는 표시 영역의 크기 또는 콘텐츠가 표시되는 공간을 가리킵니다.
- 브라우저 툴바, 스크롤바, 테두리는 브라우저 크기에 포함되지 않습니다.
가장 알맞은 크기의 광고 소재가 사용되도록 크기 매핑은 자동으로 정렬됩니다. 방문자가 사용하는 브라우저의 크기와 일치하는 크기가 없을 경우, 기본 광고 단위의 크기를 지정하여 모든 브라우저 크기에 알맞은 광고를 게재할 수 있습니다.
반응형 광고는 동영상 컴패니언 광고를 지원하지 않습니다.
브라우저 및 광고 크기 지정
정의한 각 광고 슬롯에서는 해당 슬롯에 게재할 수 있는 광고 크기를 지정해야 합니다. 광고 크기를 지정하는 방식은 게재할 광고 유형과 광고 슬롯의 크기 및 유연성에 따라 다릅니다.
고정된 크기의 광고, 여러 크기의 광고, 반응형 광고 등의 코드 샘플은 GPT 개발자 문서에서 확인할 수 있습니다.
빈 광고 슬롯 접기
페이지에서 광고 슬롯 하나 이상이 채워지지 않는 경우가 있다는 것을 알고 있다면, 태그에 collapseEmptyDivs() 메서드를 추가하여 브라우저에서 비어 있는 div를 접도록 할 수 있습니다.
이 메서드로 인해 페이지 콘텐츠의 리플로우가 트리거될 수 있으므로, 메서드의 사용 방식은 광고 슬롯이 채워지는 빈도를 어떻게 예상하는지에 따라 다릅니다.
빈 <div>를 접으려면 collapseEmptyDivs() 메서드를 사용합니다. 그렇지 않으면 광고가 광고 슬롯에 게재되지 않을 때 페이지에 빈 공간이 남게 됩니다.
반응형 광고 트래피킹
GPT 라이브러리로 반응형 광고를 만들면 브라우저 크기 및 기기에 따라 광고가 표시됩니다. 광고 요청 시, 매핑 함수를 통해 기기의 화면 크기를 기준으로 올바른 크기의 광고 요청이 Ad Manager에 전송되도록 합니다.
Ad Manager에서 반응형 애드센스 태그를 트래피킹할 수 없습니다. 대신 해당 페이지에서 GPT를 사용하여 반응형 태그를 구현해야 합니다. 애드센스에서 지원하는 디스플레이 광고 형식에 따라 애드센스 태그의 높이와 너비를 지정하세요.
예
모바일용 320x100 크기, 태블릿용 300x250, 데스크톱용 336x280을 사용하여 애드센스 태그가 있는 반응형 광고를 구현합니다.
- GPT로 웹페이지에 반응형 광고를 추가합니다.
- 세 가지 크기(320x100, 300x250, 336x280)를 지정하는 애드센스 광고 항목을 만듭니다.
- 반응형 태그를 만드는 데 사용한 광고 단위에 광고 항목을 타겟팅합니다.
- 각 크기의 광고 소재 세 개를 이 광고 소재에서 트래피킹된 애드센스 코드가 포함된 애드센스 광고 항목에 추가합니다.
