티스토리 모바일 페이지 CSS 스타일 문제와 애드센스 광고 데스크탑용이 중복되지 않게 본문에 삽입하는 방법

 

tistory mobile 페이지는 PC컴퓨터에서보는 테스크탑용 버전과는 달리 스킨을 직접 수정할수 없고, 기존에 있는 스킨만을 이용할수 있습니다.

티스토리(Tistory), 스마트폰용 모바일웹 스킨 공개

언젠가는 모바일웹용 페이지도 html, css 편집 기능을 통해서 skin.html이나 style.css 파일을 수정할수 있을지는 모르겠지만, 아직 공식적으로 지원에 대해서 이야기를 하지도 않고, 기약은 없는듯 합니다.

최근에 유입되는 경로를 보면 모바일에서 블로그에 들어오는 경우가 데스크탑에서 들어오는 경우보다 더 많아져서 1:1을 넘어서 최근에는 대략 2:1 정도로 점차 모바일 유입이 늘어나고 있고, 앞으로는 더욱더 늘어나지 않을까 싶습니다.

현재 모바일 페이지는 제대로 작동을 하지 않는 부분이 많은데, 가장 문제가 애드센스와 같은 광고수익과 css 파일을 직접 수정할수 없고, 만들어놓은 기본적인 부분만 적용이 되어서 잘 안나오는 부분이 꽤 있습니다.

위의 사진을 보시다싶이, 아래부분은 전부 링크로 보통은 파란색으로 표시가 되어야 하는데, 걍 검은색으로 일반 텍스트처럼 표시가 되어서 가독성이 떨어질뿐아니라, 보기에도 안좋습니다.

광고 또한 모바일 페이지에 붙이지 않는다면 수익면에서 상당히 불리한데, 현재로는 모바일 페이지에 광고가 나오게하려면 본문에 글을 삽입하는 방법외에는 없는데, 문제는 google adsense는 일반광고단위가 3개를 초과해서 넘어가면 출력이 되지는 않지만, 계약 위반으로 계정이 중지가 될수도 있습니다.

구글 애드센스(Google Adsense), 블로그에 광고 3개 초과 노출시 약관 위반으로 계정 비활성화가 될수 있으며, 문제 발생시에 해결하는 방법

구글 애드센스(Google Adsense) 지원팀에게 이메일로 문의해서 답변과 문의사항 해결하는 방법

저도 이 문제로 골치가 아프다가 남무(南無)님의 블로그의 글을 보고 해결을 보았습니다.

이런식으로 css 파일을 적용할수 있고, 본문에 광고를 삽입하지만, PC컴퓨터용 데스트탑에서는 출력이 되지 않아서 모바일 페이지에 일반 광고단위를 3개까지 본문에 삽입을 해도 무방합니다.

거기다가 애드센스 광고 코드를 그대로 삽입하는것이 아니여서 추후에 일괄적으로 삭제를 할 필요가 생길경우에는 하나의 파일을 수정하는것만으로도 수정이 가능합니다.

단점이라면 해당 글마다 본문에 직접 넣어주어야 하는것이 단점이기는 한데, 만약 추후에 daum tistory측에서 모바일 페이지 스킨을 사용자가 직접 수정을 할수 있도록 해준다면, 위에서 말한대로 한두개의 파일만 수정해주시면 됩니다.

참고로 남무님의 글을 참고하면서 모바일과 데스크탑 모두 광고가 출력이 되게 하고 싶으시면 상단의 m 이들어가는 if문과 하단의 }를 닫는 라인을 삭제하시면 가능합니다. 이런 경우 페이지 최상단에 광고를 넣은 경우에 사용하면 됩니다.

南無의 시사공작소의 위 두개의 글을 참고하시면 되는데, 적용하기도 그리 어렵지 않으니 필요하신분은 위 글을 참고해서 블로그 수익도 더 높여보시고, 블로그 글도 더 깔끔하게 꾸며보시면 좋을듯 합니다.

직접 찍어본 동영상인데, 참고하셔서 잘 설치하시길 바라겠습니다.

티스토리 블로그(Tistory Blog), 미리 글써놓고 예약 발행으로 주기적으로 글 등록 관리하는 방법

티스토리 블로그(Tistory Blog)에 작성한 글이 네이버(Naver)와 다음(Daum) 검색엔진에 등록되었는지 확인하고 누락시 고객센터에 신고하는 방법

티스토리(Tistory) 관리자 접근시, 로그인 상태가 아닙니다. 로그인 후 다시 실행해주세요라는 오류 메세지 발생시 대처방법

티스토리(Tistory) 특정페이지에서 이름을 입력해 주십시오, 본문을 입력해 주십시오라는 팝업창이 뜨는 경우의 오류

티스토리 모바일웹의 추천글 기능으로 관리화면의 유입경로에 나타나는 다른 블로그의 링크주소

티스토리(Tistory) 이전글 넣기 플러그인 검색 오류 문제와 장애발생시 Daum 고객센터에 신고하는 방법