블로그 최적화 : 모바일에서 광고가 보이지 않는다면?

 요즘은 블로그 유입 비중에 모바일이 차지하는 비중이 큽니다. 저의 경우에도 절반 이상이 모바일 유입인데요, 문제는 티스토리 pc 광고 세팅이 모바일에서도 똑같이 적용되지 않는다는 점입니다. 저도 주로 pc를 통해서만 글을 쓰고 특별히 모바일 화면까지 확인을 안해봐서 모르다가, 이번에 블로그 최적화를 하면서 알게 되었습니다. 아시는 분들은 그 이유를 이미 아시겠지만, 혹시 저 같은 궁금증을 가지고 계신 분들을 위해 그 이유를 정리해보겠습니다.

 

 

# 반응형 스킨의 문제??

 반응형 스킨이 나오면서 이제 티스토리의 거의 대부분의 스킨은 반응형으로 대체되었습니다. 또, 심미성이 뛰어나고 가독성이 좋아 유저들의 인기도 많죠. 반응형 스킨을 이용하는 반응형 디자인이란, 웹에 접속하는 디바이스에 반응하는 디자인을 이야기합니다. 모바일로 접속하면 그에 맞게, pc로 접속하면 그에 맞게 최적화된 화면을 보여주는 것. 그게 반응형 스킨의 장점입니다. 

 반대로 이야기하면 반응형 스킨의 단점이 거기 있습니다. pc버전으로 열심히 꾸며 놓고 광고 세팅을 해놔도, 모바일로 접속하면 내가 한 세팅이 적용되지 않은 모바일 전용화면이 뜨는거죠.

 

 

# 반응형 스킨이 구글 에드센스 자동광고와 만나면??

구글에서는 광고 적용의 편의성을 늘리기 위해 '자동광고'라는 시스템을 제공하고 있습니다. 이것도 일종의 광고계의 반응형 광고인데, 이 모드를 적용하면 구글에서 나의 사이트 구조를 분석해 가장 적합하다고 판단되는 위치에 광고를 자동으로 게재합니다. 자동광고가 적용된 예시를 구글이 보여주는데 아래처럼 될거라고 하네요.

구글 자동광고에서 제시하는 광고 적용 예시

블로그 제목과 대문이미지 사이, 글 목록과 목록 사이, 그리고 하단에 앵커광고 하나 이렇게 나올거라고 보여주네요. 하지만 실제로는 어떨까요?

 

 

실제 모바일 화면으로 확인한 모습

 넵 전혀 적용되지 않았습니다. 시간을 줘도 마찮가지네요. 블로그 메인 페이지에서는 적용되지 않습니다. 아얘 적용이 안되느냐? 그건 아닙니다. 반응형 스킨인 만큼(???...) 다양한 반응을 보여주는데요, 어떤 디바이스에서는 앵커광고는 뜨더라구요. 또 글을 클릭해 들어가면, 콘텐츠(글) 내 광고는 들어가 있지만, 티스토리 최하단 광고(댓글창 아래)는 또 안 들어가 있습니다. 게다가 이 세팅 자체가 사이드바가 없기 때문에 사이드바 광고는 당연히 삭제됩니다. 

 

 

# 결론: 반응형 스킨이 구글 자동광고 세팅을 이긴다

 넵 결론은 반응형 스킨이 적용되어 있으면, 구글 자동광고 세팅이 잘 적용되지 않습니다. 좀 구체적으로는, 블로그 '틀'에 해당되는 광고(블로그 제목 부분, 사이드바 부분, 댓글 창 아래의 최하단 부분 등)는 거의 대부분 적용되지 않고 콘텐츠(글) '내'에 해당되는 광고는 모바일에서도 잘 적용되는 모습을 보였습니다. 자 그러면 이 문제를 해결하는 방법은 무엇일까요?

 

 

# 해결방법 : 가독성과 심미성 vs 광고 갯수의 극대화   둘 중 하나를 선택하라

 html 코드를 잘 다루시는 능력자시라면 더 좋은 방법이 있을 수도 있겠지만, 제가 열심히 검색하고 공부해본 결과 제 수준에서는 위와 같은 결론 밖에 얻지 못했습니다ㅠㅠ 

 

▷가독성과 심미성을 선택: 그대로 반응형 스킨의 장점을 십분 활용하시면 됩니다. 비록 블로그 메인에서는 광고 노출이 잘 안되겠지만 글 내부 광고는 잘 나오기 때문에 절망적이지는 않고, 가장 큰 장점! 모바일로 들어가도 블로그가 깔끔하고 이쁘고 보기 편하잖아요. 뭐 아무것도 바꿀 것 없이, 메인 노출 광고를 포기하시면 됩니다.

 

▷광고 갯수의 극대화를 선택: 반응형 스킨을 모바일에선 해제하시면 됩니다~ 아래 사진처럼 블로그 관리 - 모바일 - 티스토리 모바일 웹 자동연결을 '사용 안합니다'로 만들어주시면 됩니다. 그럼 pc 화면과 똑같은 화면으로 모바일에서도 보입니다. 단 그만큼 각종 콘텐츠나 광고의 크기가 최적화 되지 않아 깨지거나 오류가 날 수 있다는 단점이 있습니다. 모바일 웹 자동연결을 사용 안 했을때의 부작용을 줄이기 위해 fastboot 스킨이나, 다른 사용자 개발 반응형 스킨을 사용하는 방법도 있습니다~! 저는 디자인이 제 취향이 아니라 안 쓰고 있지만 사용자 개발 스킨도 좋은 대안이 될 수 있습니다.(fastboot 스킨은 검색하면 자세하게 잘 나와 있음!ㅋㅋ)

 

 저는 그냥 심미성과 가독성을 택했습니다~ ㅋㅋ 뭐 광고수익으로 먹고 살 것도 아니고 그냥 글을 쓰는데 있어서 작은 동기로 생각하기 때문에 주객전도 하지는 않으려구요. 요새 블로그 최적화에 신경쓰고 있습니다. 혹시 더 좋은 방법을 발견하게 된다면 추가로 수정하겠습니다.