티스토리 스킨(사이드바)에 에드센스 광고를 넣어보자!

최근 스킨을 바꾸면서 

사이드바가 생겼다!!

 

드디어!!!

 

사이드바가 생겼으니 사이드바에

에드센스 광고를 넣어볼까 한다.

 

HTML은 개뿔 모르지만 

혹시라도 사이드바가 있는 스킨이라면

내가 원하는 위치에 사이드바 광고를 넣을 수 있다.

 

먼저 같은 스킨을 쓴다면 이라는 가정 하에 글을 써보겠다.

 

2020/03/23 - [공부하는 이땡땡/이땡땡의 블로그] - 티스토리 스킨을 변경해보자!

티스토리 스킨을 변경해보자!

 

 

먼저 내가 쓴 스킨에는 총 세 군데의 광고 자리가 있었다. 

 

스킨에 담겨져 있는 첫번째 광고 자리

이 자리는 아마 글 상단에 반응형 광고를 포함시킬 수 있는 자리 같았다. 

글에서의 광고는 플러그 인으로 광고가 뜨기 때문에 잘하면 중복해서

광고를 넣을 수 있을 것 같았다.

 

하지만 너무 난잡해지는게 싫어서 난 패스

(광고 많은 글 나는 싫더라 ㅋㅋㅋ)

 

 

두 번째 광고 자리는

사이드바 최 상단의 자리이다. 

이거와 사이드바 최 하단에 광고 (300*600) 자리가 있었다. 

 

<!-- 애드센스 300 x 250 -->

이 문구를 지우고 에드센스를 넣으면 된다. 

 

에드센스를 넣었더니 

사이드바 메뉴가 바뀌어

애드센스에서 내가 설정해놓은 문구로 바뀌었다. 

 

그렇다는 건... !!!

이 부분을 수정, 첨가 하면 

사이드바 메뉴에 광고란이 없어도 생성해 낼 수 있다는 가설!!

 

어라 쉽네?? 이쯤 되면 뭔가 감이 올거다

원래는 300 x 600 하나였는데 붙여넣어봤다.

 

결국 s_sidebar_element 라는 부분을

붙여 넣으면 사이드바 메뉴가 생성이 된다. 

 

그래서 나는 광고 삽입 이땡땡이라 쓰고 사이드바 메뉴로 가 보았다. 

사이드 바 메뉴에 광고삽입 이땡땡이 생겼다 ㅋㅋㅋㅋ

 

코드 복사하기 쉽게 아래 표에다 적어 두겠다.

맨 끝에 >를 붙여 넣어야 한다. (붙여 넣으니까 HTML 코드로 이해해서 글로 써지지 않더라)

사이드바 광고 삽입하기 <s_sidebar_element <!-- 광고 삽입 이땡땡 -- <div class="section" id="ads" </div </s_sidebar_element

 

300x600 하나에 깔끔하게 마무리 되도록 완료

사이드바에 저 방법을 통해 내가 원하는 메뉴를 집어넣을 수 있고, 

사이드바 설정에서 위치를 바꾸고 할 수 있었다. 

그런데 광고가 많으면 뭔가 거슬려서 ㅋㅋㅋㅋㅋ

그냥 하나만 광고를 넣었다 ㅋㅋㅋ

 

 

여담: 인피드 광고를 집어 넣어 보았다. 

인피드 광고를 한번 만들었다. 

홈화면의 글이 8개 정도니 4번째 쯤에 하나 정도 등장해도 괜찮을 거라 생각했는데

기본 홈페이지 주소에서 인피드 만들기를 시도해보았다.

 

검색해봐도 지금 내가 쓰는 스킨에서는 

도저히 어디에다 집어넣는지 모르겠어서

아무데나 집어 넣어보았다. ㅋㅋㅋㅋㅋㅋㅋ

 

첫 화면 새 글 리스트를 보면 '??건이 검색되었습니다' 문구를 검색해보았다.

분명 그 아래 새 글을 표시하는 코드가 있을거야 

 

그래서 여기저기 붙여넣어 본 결과ㅋㅋㅋㅋㅋ

명당자리를 찾았다. 

여기에 인덱스 광고를 집어 넣으면!!!

 

ㅋㅋㅋㅋ 글 하나당 광고 하나가 나온다 ㅋㅋㅋㅋ

 

이건 너무 광고에 미친거 같아서 패스

(원리는 모른다 ㅋㅋㅋㅋㅋㅋㅋㅋ)

 

그래도 혹시 해보고 싶은 사람이 있다면 찾아서 붙여넣기 해보자 ㅋㅋㅋㅋㅋ