안녕하세요. 쿨타임입니다.

애드센스 경고를 먹고 나서 블로그 스킨을 바꾼다고 정신이 없었네요.


이번에 티스토리 반응형 스킨 적용하였습니다.

반응형 스킨이란? 

PC화면, 모바일화면 이렇게 나눠지는것이 아니라

창 크기(화면크기)에 따라 다르게 보이는것을 말합니다.

즉, PC나 모바일이나 같은 화면으로 보이게 되는것입니다.

물론 장단점이 있습니다.




 반응형 스킨 적용전

 




반응형 스킨 적용전 모습입니다.

개인적으로 이 스킨을 몇년동안 사용했기 때문에 정이 많이 들었는데, 정말 아쉽군요.

하지만 시대가 바뀌므로 그에 따라 스킨을 변경해야 될 필요가 있었음을 느꼈고, 

그래서 반응형 스킨으로 바꾸기로 결정했습니다.

사실 가장 큰 이유는 모바일 애드센스(본문 강제 삽입)를 경고 먹는 바람에, 

조금더 모바일에서 자유롭게 표현을 하고 싶어서 반응형 스킨을 택했습니다.





 반응형 스킨으로 변경

 

 


이번에 바꾼 반응형 스킨입니다.

http://blog.readiz.com/ 님의 스킨을 참고했습니다.

반응형 스킨은 PC와 모바일에서 둘다 최적의 상태로 나와야 되기 때문에 약간 어플 같은 느낌이 있습니다.


블로그에 접속해서 창크기를 줄였다가 늘렸다가 해보시길 바랍니다.

창 크기에 따라 형태가 변하는것을 느낄 수 있습니다.






모바일 화면에서 볼때 화면입니다.

어플 설치한 화면 같이 상단바에 메뉴버튼도 있습니다.

(사이드바는 본문 아래로 자동으로 내려 갑니다.)


눈썰미가 좋으신분은 구글 애드센스가 PC화면과 모바일 화면이 다른것을 알 수 있습니다.

반응형 스킨에 발맞춰서 구글 애드센스도 반응형이 있습니다.

반응형 애드센스는 창 크기에 따라 애드센스 크기가 변하게 되어 있습니다.




 반응형 스킨 장점/담점

 

 

* 장점

- 깔끔하다.

- 모바일에서 어플 같은 느낌이 난다.

- 모바일 화면을 꾸밀 수 있다.

- 모바일 애드센스를 조절할 수 있다.

- 앞서가는 느낌이 든다.


* 단점

- 익스플러9 이하에는 작동이 제대로 안될수도 있다.(크롬에 최적화)

- 익스플러9 이하를 사용하는 사람이 아직도 많다.

- 기존 스킨에 비해서 무겁고 느리다.(반응형 애드센스도 일반 애드센스에 비해서 속도가 느림)

- 구 버전의 스마트폰에서는 제대로 보기 힘들다.(아직 어느버전 밑으로 제대로 안보이는지 테스트를 못했습니다.)

- 기존에 사용하던 위젯을 활용하기엔 모양새가 나지 않는다.

- 레이아웃(사이드바 위치)이 제한적이다.

- 반응형 애드센스가 아직 안정적이지 않고, 사용하기 어렵다.(애드센스 소스 수정 필요

- 모바일 접속자 수가 제대로 방문집계되지 않는다.

(구글 analytics로는 집계됨 - 이전에 사용하는 스킨은 구글 analytics가 모바일 방문자를 집계 못했습니다.)

- 아직 방문자가 익숙하지 않는 스킨이라 사용에 어려움을 느낄 수 있다.

- 스킨 수정이 제한적이로 어렵다.


이렇게 적어보니 장점보다 단점이 많군요.

그래도 반응형 스킨을 사용하는 이유는 모바일에서 애드센스를 마음대로 달 수 있다는 큰 장점 때문에 그렇습니다.

저는 모바일에서 애드센스를 편법을 달고 사용하다가 경고 먹어서 수익이 1/3으로 떨어졌는데,

반응형 스킨으로 변경 후 합법적으로 1/2까지는 수익을 다시 복구 시켰습니다.

(편법일때보다는 수익이 덜하지만, 그래도 합법이니 마음이 놓입니다. 아참, 무조건 수익이 오른다곤 장담 못합니다.)


앞으로 모바일 접속자 수가 계속 늘어날것이고(실제적으로 모바일 접속자가 60% 이상 차지 합니다.), 

구버전에 대해서 지원을 못하는것은 시간이 지날수록 서서히 해결될것이라 봅니다.


아직까진 정식으로 지원하지 않지만, 언젠가 티스토리에서도 정식으로 반응형 스킨을 정식 지원하지 않을까 합니다.

반응형 스킨에 도전하시는분들에게 조금이나마 도움된 글이 되었기를 바랍니다.

  1. Favicon of http://aduyt.tistory.com 어듀이트 2014.04.10 17:53 신고

    덕분에 잘 보고 갑니다`
    편안한 저녁 보내세요~

  2. Favicon of https://tonybaek.tistory.com 토니백 2014.04.21 21:32 신고

    가입하고 났더니 산넘어 사이네요..^^;;
    역시나 티스토리 반응형 스킨 이라고 검색해서 왔는데 쿨타임님의 글이네요~ ^^

    • Favicon of https://cooltime.tistory.com Cooltime 2015.03.04 22:32 신고

      허... 답 댓글이... 누락된걸... 거의 1년 지나서 발견했네요 ^^
      수빈파파토니님 잘지내고 계시죠?

  3. Favicon of http://nemoglim.com 티네모 2014.04.22 10:05

    저도 바꿀려고 고민중인데
    정리하신 글 잘 읽었습니다 ^^

  4. Favicon of https://comoflegends.tistory.com GKwon 2014.07.15 21:24 신고

    어떤 스킨인지 알 수 있을까요?

    • Favicon of https://cooltime.tistory.com Cooltime 2014.07.16 20:53 신고

      Readiz 님의 스킨입니다.
      제 블로그 하단(Foot) 영역에 보면 'Skin by Readiz' 가 있습니다.
      이름을 클릭하면 Readiz님의 블로그에 접속할 수 있습니다.