Google은 게시자가 현재 직면한 가장 큰 과제 중 하나가 다양한 화면 크기, 해상도 및 사용자 환경에 대응하는 웹사이트를 디자인하는 것임을 잘 알고 있습니다. 여러 게시자가 페이지에서 최상의 사용자 환경을 제공할 수 있도록 돕는 반응형 광고 단위를 요청해 주셨으며, Google은 이러한 의견을 반영하여 반응형 광고 단위를 도입했습니다. 오늘 이 게시물을 통해 최근 출시된 비동기 태그와 함께 반응형 광고 단위가 이제 베타 기능으로 제공됨을 알려 드립니다.

새로운 반응형 광고 단위를 이용하면 게시자의 반응형 디자인 웹페이지와 연동하여 다양한 기기를 지원할 수 있습니다. 이제 게재될 광고의 크기를 동적으로 지정하고 특정 기기별로 페이지가 표시되는 방식에 맞춰 광고를 게재할 수 있습니다.

이 기능은 아직 베타 기능이므로 다음과 같은 몇 가지 사항에 유의하시기 바랍니다.

  • 게재되는 광고의 너비와 높이를 설정할 때 고정된 픽셀 값을 지정해야 합니다.
  • 지정된 너비와 높이가 지원되는 광고 크기와 일치하는지 확인하세요. 참고로 링크 단위 크기는 현재 지원되지 않습니다.
  • 새로운 광고 코드는 초기 페이지 로드에만 반응형으로 동작합니다. 화면 방향 전환 등 최초 페이지 로드 이후에 발생하는 광고 크기 변경에 맞춰 새로운 광고가 게재되지는 않습니다. Google은 이 기능이 많은 게시자에게 중요함을 알고 있으며, 현재 기능 개선을 위해 노력 중입니다.
  • 지원되지 않는 미디어 쿼리가 있는 경우 항상 기본 광고 크기를 설정하세요.


1단계 - 반응형 광고 단위 만들기










2단계 - 새 광고 코드에서 샘플 CSS 미디어 쿼리 수정하기




















Google 애드센스 도움말 센터를 방문하면 시작을 돕는 더 상세한 예제와 단계를 확인할 수 있습니다. 반응형 디자인에 대해 더 자세히 알고 싶으시면 Google Developers 자료 (영문)를 참조하세요.

그동안 반응형 웹 디자인에 대해 보내 주신 모든 의견에 감사드립니다. 게시자를 위해 애드센스를 지속적으로 개선할 수 있도록 앞으로도 계속 제안을 보내 주시기 바랍니다. 애드센스 공식 블로그에 자주 들러 조만간 발표될 새로운 소식과 업데이트를 확인하세요.

게시자: Nick Radicevic, 애드센스 제품 매니저