고래스킨 스크롤 내릴 때 따라오게끔 사이드바 고정하는 방법

반응형

티스토리 운영 이유의 대부분은 애드센스 수익을 얻고자 함인데요. 애드센스 광고는 다양하게 있지만, 특히 사이드바에 광고는 필수적인 요소 중에 하나로 자리잡고 있죠. 고래스킨의 경우 애드센스를 삽입하는 공간이 사이드바에 있긴 하지만, 문제는 내용을 확인하고자 밑으로 스크롤을 내리면 사이드바도 위로 사라진다는 점입니다. 즉, 광고배너도 시야에서 사라지는 건데요. 그래서 오늘은 이 사이드바가 스크롤이 내려감에 따라 따라붙게 만드는 방법에 대해서 알아보도록 하겠습니다.

 

사이드바 고정 광고 지금은 괜찮은가

과거에는 화면에 고정된 광고(플로팅 광고) 형식이 정책 위반 소지가 있었지만, 현재는 구글 애드센스에서 공식적으로 "사이드 레일 광고(Side rail ads)" 형식을 제공하고 있습니다.

 

  • 2023년부터 PC 브라우저 기준 좌우 여백 공간에 자동으로 고정 광고가 노출되는 형태로 도입됨
  • 사용자는 해당 기능을 광고 설정 → 최적화 → 사이드 레일 광고 허용 여부로 선택 가능

 

📌 하지만 이건 구글 애드센스의 자동 광고 포맷으로 적용되는 것이며, 직접 스킨을 수정해 고정광고를 넣는 것은 별도 이슈가 될 수 있으니 애드센스 가이드를 꼭 참고해야 합니다.

 

사이드 레일 광고란?

사이드 레일 광고는 PC 화면 기준 페이지 좌우 여백에 고정된 형태로 노출되는 광고를 말합니다. 즉, 사용자가 스크롤을 내려도 광고가 일정 위치에 머물러 있기 때문에 광고 노출 빈도와 클릭률이 높아질 가능성이 있는 형식입니다.

 

고래 스킨 사이드바 고정 CSS 적용 방법

고래스킨 사이드바 고정 코드.txt
0.00MB
삽입된 모습

  • 티스토리 블로그 관리자 페이지 → 꾸미기 > 스킨편집 > HTML편집으로 이동합니다.
  • 상단 탭에서 CSS 항목으로 전환 후, Ctrl + F로 #container #main #sidebar 부분을 찾습니다.
  • 해당 부분을 위 메모장 코드로 교체 후 저장하면 끝!

 

반응형
  • 네이버 블로그 공유
  • 네이버 밴드 공유
  • 페이스북 공유
  • 카카오스토리 공유