티스토리 사이드바 고정 방법

티스토리 하면서 수익에 대해 많은 고민을 하고 있습니다.

제가 몇 개월간 사용하였던, 티스토리 사이드바 고정 방법 대해 알아보아요.

 

사이드바 고정이란?

PC 화면 사이드바는 휠 스크롤 하면 전체 화면과 동시에 움직이게 되어 있습니다.

하지만, 사이이드에 광고를 넣고, 횔 스크롤과 상관 없이 고정하게 되면, 화면을 보시는 시간 내내 광고가 고정되는 효과가 있습니다.

광고 수익율에 얼마나 도움이 될지는 개인 블로그마다 편차가 심해, 확인 할 수 없지만, 사이드바에 광고가 고정되어 있다는 것은 노출이 그 만큼 오래 되기 때문에 미약하나마 수익에 도움이 되는 것은 분명해 보입니다.

 

티스토리에서의 사이드바 고정 방법

현재 지금 사용하고 있는 티스토리 북클럽 스킨에서의 사이드바 고정방법에 대해 말씀드리겠습니다.

 

1. 티스토리 관리 탭중에서 스킨편집에 들어갑니다.

 

 

 

2. html 편집 버튼을 누르고, css 편집창으로 이동합니다.

 

 

3. css 편집창에서 제일 밑으로 내려 마지막 줄부터 아래 코드(음영부분)를 추가합니다.

 

 

붙여넣기를 하실 분들을 위해, 텍스트로 아래 기입해 드렸습니다.

복사에서 그대로 넣으시면 됩니다.

 

#aside {
  position: sticky;
  position: -webkit-sticky;
  top: -60px;
}

 

 

반응형

 

4. 주의 사항 : 북클럽 스킨 기준의 코드입니다. 반드시 북클럽에서만 사용해 주세요.

 

사이드바 고정 효과 

  

제 블로그 자체가 방문자수가 많지 않아, 사이드바 고정 효과가 광고 수익 향상에 얼마나 될지 가늠하기가 어려웠습니다.

또한, 사이드바라는 것이 PC에서만 구현되는 것이다보니, 모바일 대비 사용자수가 매우 적을 수 밖에 없고, 주중과 주말과의 차이도 극명이 다를 수 밖에 없었습니다.

하지만 분명한 것은 어떻게든 PC를 통해 블로그에 유입되면, 화면을 보는 시간 동안은 광고가 계속 오른쪽에 보여지기 때문에 광고의 품질만 좋다면 수익 향상에 기여될 가능성은 분명 높아 보입니다.

 

 

 

개인적으로 사이드바 고정을 3개월 유지하다, 최근 부터는 다시 삭제하였습니다.

삭제한 이유는 광고가 계속 오른쪽에 떠 있다 보니, 상단 광고 앵커링 하단 광고 세개가 떠 있게 되면, 그냥 광고판 처럼 보이게 됩니다. 어렵게 검색으로 들어온 사람이 상업적으로 보고 이탈될 것이 우려되어 사이드바 고정 코드를 삭제 하였습니다.

수익이 바로 조금 감소 하였는데, 시간을 조금 더 두고 다시 넣을지 고민해야 겠습니다.

 

긴글 읽어 주셔서 감사드립니다.

블로그 하시는 분들 수익 향상에 조금이나마 도움이 되셨으면 합니다.

 

2022.01.07 - [Stock Korea/주식 공부] - 아는 사람만 알지요. 방학이되면, 돈 냄새나는 종목들..

아는 사람만 알지요. 방학이되면, 돈 냄새나는 종목들..

 

2021.09.22 - [골프 인생] - 골프계의 아이돌 안소현 프로 알아보아요

골프계의 아이돌 안소현 프로 알아보아요