[maple-helper - 11] 구글 애드센스 수익화를 위한 레이아웃 전면 개편

frontEndUI/UX트러블슈팅

메이플 헬퍼 서비스에 구글 애드센스(Google AdSense)를 도입하려다 예상치 못한 레이아웃 문제에 부딪혔다.

현재 메이플 헬퍼는 대시보드 중심의 레이아웃을 사용하고 있는데 이 구조는 광고를 적절하게 배치하기에 매우 불리하다. 자연스럽게 광고 영역을 확보하기 어렵고 콘텐츠와 광고의 경계가 모호해져 결과적으로 사용자 경험(UX)을 크게 해칠 우려가 있었다.

타 서비스 벤치마킹과 구조적 고민

이 문제를 해결하기 위해 이미 광고를 안정적으로 운영하고 있는 타 서비스(환산주스텟, 메애기, OP.GG 등 전적 검색 사이트)의 UI 구조를 참고했다.

이 사이트들의 공통점은 대시보드 형태가 아니라 메인 콘텐츠의 흐름과 광고 영역이 좌우 또는 상하로 명확하게 분리된 레이아웃을 채택하고 있다는 점이다.

  • 대시보드 형태: 데이터가 좌우상하로 퍼져 있어 광고가 낄 틈이 부족하다.
  • 전적 검색 형태: 메인 콘텐츠가 중앙이나 특정 단방향 흐름을 타고, 사이드나 리스트 사이의 명확한 여백을 광고 영역으로 활용한다.

나의 판단과 결론

결과적으로 메이플 헬퍼의 기존 대시보드 형태 레이아웃을 과감하게 포기하고 전적 검색 사이트와 유사한 콘텐츠 중심 레이아웃으로 전면 개편하기로 결정했다.

광고 수익화를 위해서는 광고 영역 확보가 중요하다고 생각한다. 이미 시장에서 수익성과 사용성이 검증된 서비스들의 구조를 따라가는 것이 현재로서는 가장 타당한 트레이드오프라고 판단했다.