블로그 최적화 : 광고 배치(글 밖 최상단, 최하단)

 자 이번엔 저번편<광고 코드 받기>에서 생성된 코드를 넣어서 광고를 배치하는 방법을 알아보려고 한다. 그중에서도 일단 글 안 삽입이 아닌, 글 밖(최상단, 최하단 같이 블로그 틀에 삽입)에 삽입하는 방법이다. 글 안에 삽입하는 광고의 경우에는 <광고배치(글 안)>편을, 사이드바에 삽입하는 경우 <광고배치(사이드바)>편을 참고하길 바란다. 

 

 원하는 곳에 광고를 정확하게 넣는 방법은 '블로그 관리'-'스킨 편집'-HTML편집'을 이용하는 방법 밖에 없다. 이번에 내가 원하는 자리에 직접 광고를 넣어보며 느낀점은 정말 HTML상의 정확한 위치만 알면, 어떤 장소든 광고를 넣을 수 있다는 점이다. 인터넷에도 이에대한 다양한 정보가 있는데, 막상 사용하는 스킨에 따라서 삽입하는 광고의 종류에 따라서 나의 블로그에는 잘 적용이 안될 수 있다. 따라서 자신이 직접 이곳저곳에 코드를 넣어보며 공부하듯이 해나가는게 가장 좋은 방법인 것 같다. 원하는 자리에 정확하게 광고를 넣기 위해 고민하고 있는 분들을 위해서 시행착오를 겪으며 깨달은 사실을 정리해보겠다.(티스토리 'BOOK CLUB' 스킨을 기반으로한 정보입니다. 스킨의 큰 틀은 비슷하기 때문에 참고하시면 되겠습니다^^)

 

 

---

HTML편집

---

원하는 위치에 광고를 넣기 위해선 HTML 편집에 들어가서 복사한 광고코드를 해당 위치에 붙여넣어야한다. HTML 편집을 먼저 켜보자. 아래의 사진처럼 블로그 관리 > 스킨편집 > HTML 편집을 클릭하면 3번째 사진처럼 빨강, 초록, 파란색의 영어가 적힌 칸이 나온다. 저게 HTML 편집 칸이다. 

이 빨간 네모가 바로 HTML 편집칸이다

 

 

---

넣고 싶은 광고 위치 정하기

---

 1,2번 최상단, 최하단 광고는 블로그 메인페이지에서도 보이는 광고이다. 3,4번 카테고리 아래, 태그 아래 광고의 경우 글을 클릭했을 때 글을 다 읽고 나서 나오는 광고이다. 아무것도 몰랐을 때 여기저기 광고코드를 넣어가며 발품을 판 결과, 광고를 넣으려는 위치들을 찾을 수 있는 기준이 있다는 걸 발견했다. 예를 들면,

 

1번 최상단 광고 >> '블로그 제목(title)' 바로 다음

2번 최하단 광고 >> '다음 버튼' 바로 다음

3번 카테고리 아래 광고 >> '카테고리' 바로 다음

4번 태그 아래 광고>> '태그' 바로 다음 

 

즉 HTML 편집에서 각각의 기준 코드 바로 다음 광고 코드를 삽입하면 된다.

 

바로 확인해보자.

 

 

 

---

기준 찾아 광고 코드 넣기

---

1번 최상단 광고 : Ctrl+F 를 누르면 명령어 찾기 탭이 뜨는데, 거기에다 ##_title_##(형광색) 을 검색한 후 그 다음 줄에  광고코드(빨간색)를 붙여 넣으면 된다. 나의 경우는 쿠팡 파트너스 광고를 넣었다. 

그런데 title코드와 광고 코드 사이에 반복적으로 있는 &nbsp; 코드는 무엇일까? 

꿀팁: &nbsp;는 띄어쓰기(스페이스바) 역할을 하는 코드이다. 처음에 광고를 넣었을 때 블로그 title 바로 다음 광고가 붙어서 블로그 디자인을 해쳤었다. 그래서 방법을 찾던 중 꼼수로 블로그 title과 광고 사이어 띄어쓰기를 넣어서 블로그 상단에 딱 맞는 광고설정을 할 수 있었다. 이렇게 대충 머리 굴려도 맞아 떨어지는거 보면... 별거 아니...다?? ㅎㅎ;;

이렇게... ㅎㅎ ㅋㅋ

 

 

2번 최하단 광고: '다음' 버튼 뒤에 있는 </s_paging>과 </article> 사이에 광고 코드를 넣으면 된다. 나는 구글 애드센스 반응형 광고를 넣었다.

 

 

3번 카테고리 아래 광고: ##_article_rep_desc_##(카테고리를 나타내는 코드) 바로 다음에 광고 코드를 넣으면 된다.

 

 

4번 태그 아래 광고: 나는 미관상의 이유로 넣지 않았지만, 태그 다음에 광고를 넣고 싶다면 ##_tag_label_rep_## 다음에 광고코드를 삽입하면 된다. 

 

 이렇게 글 밖 최상단, 최하단, 카테고리 아래, 태그 아래에 광고를 삽입하는 방법을 정리해보았다. 사실 위의 방법처럼 잘 모르는 코드라도 유심히 들여다보면 은근히 광고를 넣을 수 있는 다양한 위치를 찾을 수 있다. 잘 살펴본다면 위의 4가지 위치 말고도 광고를 넣을 수 있는 위치들을 찾을 수 있을거다. 좋은 위치를 발견하면 추후에 추가해보려고한다^^