[닫기]  

[Blog tip!] 티스토리(텍스트큐브) 블로그 본문에 광고 달기 (예제소스)


안녕하세요, 개미굴 입니다.

보통 블로그를 처음하게 되면 나도 다른 블로거들처럼 광고를 한번 달아볼까....용돈벌이나 해볼까?..
라고들 많이 생각합니다. 또 그렇게 블로그에 광고를 달게 되죠.
블로그에 처음 광고를 달 생각을 하게되고.. 애드센스나 클릭센스같은 광고 플랫폼을 신청하고..
광고코드를 발급받고.. 이제 블로그에 달려고 하면, 어디에 달아야할지.. 막막하기만 합니다. 

티스토리(텍스트큐브) 블로그를 기준으로하면 블로그의 본문에 광고를 달게 될 경우, 기준점만 잘 잡으면 됩니다. 

1. 소유한 블로그의 소스를 먼저 메모장이나 텍스트 에디트 프로그램에 옮겨 복사합니다. 
2. 해당 블로그 소스에서  라는 소스를 찾습니다.

2-A. 이 코드의 상단에 발급받은 광고 코드를 삽입하게 되면 블로그의 본문 상단에 발급받은 광고가 출력됩니다. 
2-B . 이 코드의 하단에 발급받은 광고 코드를 삽입하게 되면 블로그의 본문 하단에 발급받은 광고가 출력됩니다.

예제를 통해 확인해보겠습니다.
 
2-A. 이 코드의 상단에 발급받은 광고 코드를 삽입하여 블로그의 본문 상단에 광고가 출력되는 경우.


2-B . 이 코드의 하단에 발급받은 광고 코드를 삽입하여 블로그의 본문 하단에 광고가 출력되는 경우.


위의 스크린 샷을 통해 차이점을 이해하셨을 것으로 생각됩니다.
여기서 한가지 주의점이 있습니다. 위에서 저는 의 하단에 광고 코드를 넣는 것을 말씀드렸습니다. 실제 티스토리(텍스트 큐브)의 코드를 한번 보면 이와 같은 형태로 되어있습니다.

<div class="article">
<2-A. 블로그 광고 코드 넣는 위치> 
</div>

<2-B. 블로그 광고 코드 넣는 위치>
 
<div class="author">
 
광고를 블로그의 상단에 넣는다면 단순히 [
##_article_rep_desc_##]의 위에 구글 애드센스와 같은 광고사에서 발급받은
코드를 넣어주면 됩니다. 하지만 광고를 블로그의 하단에 넣는다면
[##_article_rep_desc_##]의 바로 밑이 아닌 </div>의 하단에 넣어주어야 합니다.

만약 </div>의 앞에 발급받은 광고 코드를 넣는다면 발급받은 광고가 블로그 본문이 끝나는 위치 바로 뒤이어 광고가 출력될 것입니다. 이런 코드를 잘못 넣은 케이스는 아래의 예제 스크린 샷을 통해서 확인하실 수 있습니다. 

case1. </div>앞에 광고 코드를 넣어 예쁘지 않게 광고가 출력되는 경우.

 
광고코드를 </div>앞에 설치한다면 위와 같은 모습을 확인하실 수 있습니다.
본문이 끝나는 위치에 바로 뒤이어서 나오기때문에 상당히 이쁘지 않은 모습입니다.
때문에 </div>의 뒤에 광고코드를 설치하여야만 하는 것 입니다.

만약..저런 이미지 광고가 아닌.. 텍스트 광고를 운영할 계획이라면 블로그 본문에 뒤이어 나오는 방향도 괜찮지만요..
대부분의 클릭율은 저런 이미지 광고에서 나오기 때문에..이미지 광고를 운영할 계획이시라면,
</div>의 뒤에 광고 코드를 설치하시는 것을 추천합니다.

이제 어느정도 본문의 상/하단에 광고를 넣는 것에 대하여 감이 오시는지요?
블로그에 광고를 넣기 위해 소스코드를 수정하는 것은 처음에는 복잡해보이지만 어느정도 동일한 규칙이 있기때문에
몇번의 경험을 거치다보면 어렵지 않습니다, 아직 망설이신다면, 일단 한번 도전해보세요!