상호작용 요소와 구분된 광고
배너 광고를 앱의 상호작용 요소와 명확히 구분하면 사용자의 혼동과 의도하지 않은 클릭을 줄이는 데 도움이 됩니다. 휴대기기의 화면은 크기가 제한적이므로 의도하지 않은 클릭을 방지하기 위해 광고와 클릭 가능한 요소 사이에 적당한 간격을 두는 것이 매우 중요합니다. 광고와 앱의 상호작용 영역 사이에 클릭할 수 없는 경계선을 만들거나 경계를 짓는 요소를 추가하면 배너 광고와 앱 콘텐츠를 구분하는 데 도움이 됩니다. 아래 예시는 맞춤형 탐색 버튼 등을 사용하여 배너 광고를 상호작용 콘텐츠와 구분하여 구현한 사례입니다.
클릭하여 예시 보기앱 상단에 구현
앱 하단에 구현
경계선을 사용해 앱 콘텐츠와 구분한 광고
사용자가 다른 콘텐츠를 스크롤하는 동안 화면에 그대로 남아 있는 배너 광고는 경계선을 사용하거나 앱 콘텐츠(특히 메뉴 바 등의 탐색 요소)와 충분한 간격을 둘 경우 화면 상단 또는 하단에 게재할 수 있습니다. 경계선을 사용할 경우 경계선을 클릭할 수 없게 만드는 것이 좋습니다. 아래에 앱의 상단 또는 하단에 광고를 앱 콘텐츠나 맞춤 탐색 요소 및 메뉴 버튼과 명확하게 구분하여 구현한 배너 광고의 예제가 제시되어 있습니다.
클릭하여 예시 보기앱 상단에 구현
앱 하단에 구현
맞춤 탐색 버튼 사용
배너 광고를 위한 고정된 공간 할당
배너 광고는 앱 콘텐츠가 화면에 로드된 후 로드되어야 합니다. 때때로 로드 시간이 지연되어 앱 콘텐츠가 로드되지 못하고 콘텐츠가 로드되어야 할 자리에 광고가 표시되는 경우가 있습니다. 이렇게 되면 사용자가 실제 앱 콘텐츠 대신 광고를 의도하지 않게 클릭할 수 있습니다. 따라서 배너 광고를 위한 고정된 공간을 할당하여 앱 콘텐츠가 대신 표시되는 일이 없도록 하는 것이 좋습니다.
클릭하여 예시 보기
다양한 기기의 화면 크기를 지원하기 위한 적응형 배너 구현
적응형 배너는 모든 기기 및 방향에 가장 적합한 크기를 렌더링하는 광고 단위입니다. 최적의 광고 크기를 선택하기 위해 적응형 배너는 고정된 높이 대신 고정된 가로 세로 비율을 사용합니다. 따라서 기기 및 화면 크기에서 더 일관된 화면 비율을 차지하는 배너 광고가 게재됩니다.
Android and iOS용 적응형 배너에 대해 자세히 알아보세요.
스마트 배너도 사용할 수 있지만, 스마트 배너는 확장되어 화면의 너비만 채우며 고정된 높이를 선택해야 합니다. Google Developers에 대해 자세히 알아보세요.
클릭하여 예시 보기