오늘 포스팅에서는 티스토리 북클럽 스킨 사용할 때 사이드바에 수동으로 애드센스 광고를 다는 방법에 대해 자세히 설명해 보겠습니다.
사이드바에 송출된 광고는 PC에서만 보이고 모바일에서는 송출되지 않고, 또한 클릭률도 높지 않아서 이전에는 사용하지 않는 경향이 높았습니다.
그런데 구글에서 클릭 없이 광고를 보기만 해도 광고비를 지불하도록 정책이 변경될 예정이어서 사이드바에도 광고를 송출하는 것이 수익면에서는 유리합니다.
북스킨을 사용하는 경우에 블로그 관리의 애드센스 페이지에서 사이드바 광고 송출을 on 상태로 바꾸면 자동으로 사이드바에 애드센스 광고가 송출됩니다.
사이드바에는 광고가 최대 2개까지 송출될 수 있어서 자동 송출되는 광고 이외의 사이드바 광고를 수동으로 설치하거나, 아니면 자동 광고가 먹히지 않아서 수동으로 광고를 달아야 할 필요가 있는 경우에 "플러그인"을 이용해 배너로 사이드바에 광고를 달수 있는 방법에 대해 설명해 보겠습니다.
그리고 본문 내용이 스크롤되더라도 광고가 같이 스크롤되지 않고 고정되어 계속 화면에 노출될 수 있도록 하는 사이드바 광고 고정방법(플로팅 광고)에 대해서도 알려드리겠습니다.
사이드바 광고 수동 설정 방법
사이드바에 애드센스 광고를 수동으로 세팅해주는 것은 "배너출력"이라는 플러그인으로 할 수 있습니다.
1. 구글 애드센스에서 광고 코드 받기
구글 애드센스 홈페이지에서 사이드바에 출력할 광고 코드를 하나 생성합니다. 사이드바에 송출하기 적당한 애드센스 광고 코드는 디스플레이광고(수직형 + 반응형)입니다.
구글 애드센스의 광고로 들어감 | 광고단위기준 > 디스플레이 광고 선택 |
![]() |
![]() |
광고 모양 수직형 + 반응형으로 만들기 | 생성된 애드센스 광고 코드를 복사합니다. |
![]() |
![]() |
2. 블로그 관리 > 플러그인 > 배너출력 활성화
광고를 송출할 블로그의 관리 페이지에 들어와 "배너출력"이라는 플러그인을 활성화시킵니다.
꾸미기 > 플러그인 | "배너출력"을 선택 |
![]() |
![]() |
배너출력 적용 버튼 클릭 | 사용중으로 바뀜 |
![]() |
![]() |
3. 블로그 관리> 꾸미기 > 사이드바에서 광고 세팅
꾸미기 > 사이드바 선택 | [플러그인]HTML 배너출력의 + 클릭하여 광고가 출력될 사이드바 선택 |
![]() |
![]() |
오르쪽 사이드바2에서 편집 | ![]() |
배너 이름을 넣고 애드센스 홈페이지에서 만들어온 광고코드를 붙여넣기함 |
![]() |
이렇게 하고 확인해보시면 블로그의 사이드바에 애드센스 광고가 출력됩니다. 블로그의 세팅을 바꾸고 자기 블로그에 광고가 제대로 출력되는지를 보시려면 웹사이트 방문 기록이 남지 않는 크롬의 시크릿모드를 적용하여 자신의 블로그에 방문해 보시면 됩니다
사이드바 광고 고정방법(플로팅)
다른 블로그들을 보시면 포스팅 글을 스크롤 할때 사이드바 광고가 같이 스크롤되지 않고 계속 같은 자리에 고정되어 있는 것을 보셨을 것입니다. 글이 모두 스크롤될 때까지 사이드 광고도 같이 노출되다가 스크롤이 끝날 때를 맞춰 스크롤되는 것입니다.
이것이 사이드바 광고 고정방법인데 이는 간단히 다음 코드를 CSS 탭에 추가하는 것으로 적용할 수 있습니다.
1. 블로그 관리 페이지의 스킨편집 > html 편집으로 들어감
꾸미기 > 스킨편집 | 스킨편집의 html 편집 클릭 |
![]() |
![]() |
2. 아래 코드를 CSS 탭에 넣음
사이드 광고를 고정하는 아래 코드를 CSS 탭의 제일 아래쪽에 복사해서 붙입니다. 코드를 넣을 때 어떤 코드인지를 주석으로 처리해서 적어두시면 나중에 알아보시기 쉽습니다. 주석은 (/* 주석 */)의 형태로 넣으시면 됩니다.
CSS 탭의 가장 아래쪽 라인에 아래 코드를 넣어줌 |
![]() |
사이드바 광고 고정 코드 다운로드!!
마무리
이렇게 수동으로 사이드바에 광고를 넣는 방법을 알아보았습니다. 애드센스는 사이드바에 최대 2개의 사이드 광고를 송출할 수 있도록 하고 있습니다. 광고 노출을 더 원하시는 분은 같은 방법으로 광고하나를 더 생성해서 사이드바에 동일한 방법으로 추가하면 됩니다.
2024.05.26 - [분류 전체보기] - 크롬(Chrome) 사생활 보호 시크릿 모드로 실행하는 방법과 장단점(ft. 바로가기 만들기)
크롬(Chrome) 사생활 보호 시크릿 모드로 실행하는 방법과 장단점(ft. 바로가기 만들기)
이번 포스팅에서는 크롬에서 개인정보 보호와 프라이버시 유지를 위해 사용하는 "시크릿 모드"로 실행하는 방법, 시크릿 모드 실행으로 얻을 수 있는 장단점, 바탕화면에 시크릿모드로 크롬을
bloginfo.gao-ri.com