본문 바로가기

티스토리 블로그 사이드바 고정 광고 설정하기 (오디세이/북클럽 스킨)

알바트로우스 2022. 11. 22.

오늘은 사이드바 광고의 효과를 높이기 위한 방법으로 많이들 궁금해 하시는 티스토리 블로그 오디세이/북클럽 스킨 사이드바에 애드센스 광고를 고정시키는 방법에 대해 팩트를 중심으로 소개해 드리겠습니다.

 

 

사이드바 고정 광고 설정 이유?

저의 경우 티스토리 블로그에 오디세이 스킨을 적용하고 있습니다. 인터페이스가 깔끔하고 애드센스 광고 설정에도 편리해 잘 사용하고 있지만 초기에 한가지 문제가 있었습니다. 티스토리 블로그는 여러 광고 매체를 통해 수익을 낼 수 있습니다. 많은 광고들 중에서도 가장 많은 사람들이 선호하는 건 구글 애드센스 광고가 아닐까 합니다. 구글 애드센스 광고는 글목록 상.하단 / 글본문 상.중.하단에 배열하거나 사이드바 등에 광고를 넣을 수 있습니다.

당연 광고를 넣는 목적은 방문자들로 하여금 지속적인 노출을 통해 클릭을 유도하는 것입니다. 방문자들에게 지속적인 노출이 되어야만 광고의 효과 또한 높아지는 것은 당연한 이야기죠. 그런데 저의 경우 티스토리 블로그 사이드바에 광고를 무사히 설정하고 보니, 본문 글을 읽으며 스크롤을 올리거나 내릴 경우 광고가 함께 움직여서 광고 효과가 체감되는 걸 느꼈습니다.

이 문제를 해결하기 위해 사용하는 방법이 바로 사이드바에 고정시킨 광고를 통해 방문자가 글을 읽는 동안 지속적으로 광고가 노출 될 수 있게 하는 것입니다.

 

 

사이드바 고정 광고 설정 따라하기!!

 

지금 보고 계신 제 글의 오른쪽 사이드바를 보시면, 수직형 멀티플렉스 애드센스 광고가 떠있습니다. 본문을 읽으며 스크롤을 아래로 내려보시면 광고가 움직이지 않고 고정되어 있다가 글이 끝나는 화면에서 함께 움직이는게 확인되시죠? 

사이드바에 애드센스 광고를 고정시키는 방법은 생각보다 아주 간단합니다. 배경 지식이 없어도 누구나 잘 따라만하면 하실 수 있습니다. 자신의 블로그에 사용하는 스킨별로 해당하는 소스코드를 복사해 CSS 편집 창에 붙여넣기 하시면 완료됩니다. 

우선 자신의 티스토리 블로그 스킨에 맞는 소스코드를 아래 첨부된 양식에서 골라 복사해 주세요.

티스토리_오디세이스킨_사이드바 광고 고정_CSS.txt
0.00MB
티스토리_북클럽스킨_사이드바 광고 고정_CSS.txt
0.00MB

 

 

[오디세이 스킨] 사이드바 고정 광고 설정하기!!

1. [블로그 관리 홈] 클릭 후 - [꾸미기] - [스킨편집] 클릭 합니다.

 


2. 우측 상단의 [html편집] 클릭


3. 상단 탭에서 [CSS탭] 클릭 - 편집 창 맨 하단에 복사한 소스코드 붙여넣기 - [적용]버튼 클릭!!

 


[오디세이 스킨] 사이드바 고정 광고 최종 적용 영상!!

 

 

[북클럽 스킨] 사이드바 고정 광고 설정하기!!

오디세이 스킨과 동일하게 진행한 후, 북클럽 소스코드를 붙여넣기 하면 됩니다.

 

 

사이드바 고정 광고 설정 마무리!!

이상으로 티스토리 블로그 사이드바 애드센스 고정 광고 설정방법에 대해 함께 알아 보았습니다. 오디세이/북클럽 스킨 소스코드만 구분하여 적용하면 되구요. 모든 소스코드를 공부해서 알고 하면 좋지만 잘 모른다하여 안 될 것도 없습니다. 위의 내용을 잘 따라만 하신다면 나의 블로그에도 효과적인 노출을 위한 사이드바 고정 광고 설정이 잘 될 거니까요. 기타 궁금한 사항들이 있으시다면 댓글로 남겨주세요. 감사합니다!!

댓글