정책

권장되는 배너 광고 구현 사례

상호작용 요소와 구분된 광고

배너 광고를 앱의 상호작용 요소와 명확히 구분하면 사용자의 혼동과 의도하지 않은 클릭을 줄이는 데 도움이 됩니다. 휴대기기의 화면은 크기가 제한적이므로 의도하지 않은 클릭을 방지하기 위해 광고와 클릭 가능한 요소 사이에 적당한 간격을 두는 것이 매우 중요합니다. 광고와 앱의 상호작용 영역 사이에 클릭할 수 없는 경계선을 만들거나 경계를 짓는 요소를 추가하면 배너 광고와 앱 콘텐츠를 구분하는 데 도움이 됩니다. 아래 예제는 맞춤형 탐색 버튼 등을 사용하여 배너 광고를 상호작용 콘텐츠와 구분하여 구현한 몇 가지 사례입니다.

클릭하여 예제 보기

앱 상단에 구현

앱 하단에 구현

경계선을 사용해 앱과 구분한 광고

사용자가 다른 콘텐츠를 스크롤하는 동안 화면에 그대로 남아 있는 배너 광고는 경계선을 사용하거나 콘텐츠(특히 메뉴 바 등의 탐색 요소)와 충분한 간격을 둘 경우 화면 상단 또는 하단에 게재할 수 있습니다. 경계선을 사용할 경우 경계선을 클릭할 수 없게 만드는 것이 좋습니다. 아래에 앱의 상단 또는 하단에 광고를 앱 콘텐츠나 맞춤 탐색 요소 및 메뉴 버튼과 명확하게 구분하여 구현한 배너 광고의 예제가 제시되어 있습니다.

클릭하여 예제 보기

앱 상단에 구현

앱 하단에 구현

맞춤 탐색 버튼 사용

배너 광고를 위한 고정된 공간 할당

배너 광고는 앱 콘텐츠가 화면에 로드된 후 로드되어야 합니다. 때때로 로드 시간이 지연되어 앱 콘텐츠가 로드되지 못하고 콘텐츠가 로드되어야 할 자리에 광고가 표시되는 경우가 있습니다. 이렇게 되면 사용자가 실제 앱 콘텐츠 대신 광고를 의도하지 않게 클릭할 수 있습니다. 따라서 배너 광고를 위한 고정된 공간을 할당하여 앱 콘텐츠가 대신 표시되는 일이 없도록 하는 것이 좋습니다.

클릭하여 예제 보기

다양한 기기의 화면 크기를 지원하기 위한 스마트 배너 구현

스마트 배너는 기기의 크기나 유형에 상관없이 어떤 방향으로도 화면 크기와 동일한 가로 길이의 배너 광고를 렌더링하는 새로운 광고 단위입니다. 스마트 배너는 광고 시장의 다양한 기기와 화면 크기를 지원하고 배너 광고가 화면에 너무 작게 표시되는 것을 방지해 줍니다. 이미지 광고가 배너에 할당된 전체 공간을 다 차지하지 않는 경우 이미지를 중앙에 배치하고 육각형 모양의 필러(아래 이미지 참조)를 사용하여 나머지 공간을 채웁니다. 자세한 정보는 Google Developers 페이지를 참조하세요.

클릭하여 예제 보기

도움이 되었나요?
어떻게 하면 개선할 수 있을까요?