초보를 위한 구글 애드센스 티스토리 사이드바 광고 달기

요즘 티스토리에 구글 애드센스 광고 다는데 재미가 들렸네요..

 

 

저 같은 초보분을 위한 티스토리 사이드바 구글 애드센스 광고 달기입니다.

 

구글 애드센스 광고 코드 만들기도 아직 안 하신 

완전 초보 시라면 아래 글을 참조하세요

https://dxkor2.tistory.com/52

 

 

참고로 저는 위의 반응형 스킨을 사용하고 있습니다.

 

 

 

 

우선 블로그 관리에서 -> 플러그인 선택

 

 

 

배너 출력 플러그인을 선택합니다.

 

 

 

적용 클릭

 

 

 

 

 

블로그 관리 -> 사이드바에서 보시면 HTML 배너 출력 플러그인 만들어져 있습니다. 

초록색 표시 + 를 클릭합니다.

 

 

 

그럼 자신의 사이드바로 옮겨지는데

초록색 표시를 드래그해서 사이드바에서 위치를 정해 줍니다.

*CSS 등에서 사이드바 크기를 변경했을 경우나 ,갑자기 마우스 드래그로 위치 조정이 않되는 경우 

이때는 메뉴를 넣다 뺏다 하면서 위치를 조절 합니다.

 

 

 

반응형 구글 애드센스 코드를 가지고 옵니다.

 

 

 

코드를 클릭해서 ctlr+a  ,ctrl+c 를 눌러 코드를 복사합니다.

마우스로 드래그 해서 복사해도 됩니다.

 

다시 블로그 관리-> 사이드바로 옵니다.

 

 

 

 

편집을 클릭합니다.

 

 

 

 

 

 

 

 

 

파란색은 이름을 정하는데 대충 적으면 됩니다.

 

 

 

빨간 부분을 클릭해서 ctrl+v 나  마우스 우클릭해서 

아까 복사한 광고 코드 붙여 넣기를 하면 됩니다.

 

확인을 클릭

 

 

 

 

그러면 사이드바에 구글 애드센스 광고가 출력됩니다.

 

보통 세로가 긴 광고가 붙는데

저는 사이드바 크기를 임의로 250px 으로 줄여놨습니다.

 

반응형 사이드바 광고 가로 크기가 250px 보다 커서

정사각형 250px 크기의 광고를 붙였습니다.

 

티스토리 사이드바 및 본문 크기 조절은 아래 글을 참조하세요

https://dxkor2.tistory.com/61

 

파란색 표시는

카테고리와 광고가 딱 붙는것 같아서

방문객수를 표시를 중간에 넣었습니다.

---

사이드 바 상단에 구글 애드센스 광고 넣는 법

 

다른 방법도 있겠지만,

제가 이러저리 해보다,  선택한 방법입니다.

 

사이드 바 광고를 최 상단에 위치하면

자꾸 블로그 제목 밑에 뜹니다.

 

그래서 블로그 제목을 없에고 배치 시켰습니다.

 

사이드 광고 플러그를 제일 위해 배치 시킵니다.

counter 를 밑에 배치 시킨건

카테고리와 구글 애드센스 상단 광고가 딱 붙게 되는데,

카테고리를 누르다가, 구글 애드센스 상단 광고

오류 클릭 방지를 위해서 입니다.

 

유도성이 되서, 구글 애드센스 정책 위반이라네요..

 

HTML 편집 CSS 에서

제목 크기를 0 으로 해 줬습니다..

 

적용 시키면.

 

 

사이드바 최상단에 광고가 떳습니다. 

카테고리 하단에 놓는게 더 좋은것 같기도 하고...ㅋㅋ

 

 

카테고리 위의 여백 조절은 위와 같습니다.

 

---

저의 테마 같은 경우 , 광고를 카테고리 밑에 두면 , 카테고리 분류가 많아 지게 되면

광고가 하단으로 내려가 안보이게 되는 경우가 발생합니다.

 

그래서 카테코리를 최상단에 두기로 했는데, 있때 사이드바 광고가 광고 상단 클롬등 바로가기 단축키와

딱 붙게 됩니다. 바로가기 단축키를 누르다 사이드바 광고를 클릭하거나,

광고밑 카테고리와 딱 붙게되어 ,  카테고리를 클릭하다 광고를 잘못 클릭하게 될까바

사이드바 광고를 위 아래로 여백을 주게 되었습니다.

 

여전히 블로그 제목이 광고위에 떠서  아예 지웠는데 이건 나중에 봐야 겠네요..

 

초록색 사이드바 광고 상단 여백 (상단 크롬 단축키 등과 떨어지게.)

주황색 사이드바 광고 하단 여백 입니다. (이건 카테고리에서 상단 여백을 주는것 일겁니다..)

광고에서 하단 마진이 먹히지 않아서 이렇게 했습니다...참고요.