[Blog tip!] 티스토리(텍스트큐브) 블로그 본문에 광고 달기 (예제소스)
안녕하세요, 개미굴 입니다.
보통 블로그를 처음하게 되면 나도 다른 블로거들처럼 광고를 한번 달아볼까....용돈벌이나 해볼까?..
라고들 많이 생각합니다. 또 그렇게 블로그에 광고를 달게 되죠.
블로그에 처음 광고를 달 생각을 하게되고.. 애드센스나 클릭센스같은 광고 플랫폼을 신청하고..
광고코드를 발급받고.. 이제 블로그에 달려고 하면, 어디에 달아야할지.. 막막하기만 합니다.
티스토리(텍스트큐브) 블로그를 기준으로하면 블로그의 본문에 광고를 달게 될 경우, 기준점만 잘 잡으면 됩니다.
1. 소유한 블로그의 소스를 먼저 메모장이나 텍스트 에디트 프로그램에 옮겨 복사합니다.
2. 해당 블로그 소스에서 라는 소스를 찾습니다.
2-A. 이 코드의 상단에 발급받은 광고 코드를 삽입하게 되면 블로그의 본문 상단에 발급받은 광고가 출력됩니다.
2-B . 이 코드의 하단에 발급받은 광고 코드를 삽입하게 되면 블로그의 본문 하단에 발급받은 광고가 출력됩니다.
예제를 통해 확인해보겠습니다.
2-A. 이 코드의 상단에 발급받은 광고 코드를 삽입하여 블로그의 본문 상단에 광고가 출력되는 경우.
2-B . 이 코드의 하단에 발급받은 광고 코드를 삽입하여 블로그의 본문 하단에 광고가 출력되는 경우.
위의 스크린 샷을 통해 차이점을 이해하셨을 것으로 생각됩니다.
여기서 한가지 주의점이 있습니다. 위에서 저는 의 하단에 광고 코드를 넣는 것을 말씀드렸습니다. 실제 티스토리(텍스트 큐브)의 코드를 한번 보면 이와 같은 형태로 되어있습니다.
<div class="article">
<2-A. 블로그 광고 코드 넣는 위치>
<2-A. 블로그 광고 코드 넣는 위치>
</div>
<2-B. 블로그 광고 코드 넣는 위치>
<div class="author">
광고를 블로그의 상단에 넣는다면 단순히 [##_article_rep_desc_##]의 위에 구글 애드센스와 같은 광고사에서 발급받은
코드를 넣어주면 됩니다. 하지만 광고를 블로그의 하단에 넣는다면 [##_article_rep_desc_##]의 바로 밑이 아닌 </div>의 하단에 넣어주어야 합니다.
만약 </div>의 앞에 발급받은 광고 코드를 넣는다면 발급받은 광고가 블로그 본문이 끝나는 위치 바로 뒤이어 광고가 출력될 것입니다. 이런 코드를 잘못 넣은 케이스는 아래의 예제 스크린 샷을 통해서 확인하실 수 있습니다.
case1. </div>앞에 광고 코드를 넣어 예쁘지 않게 광고가 출력되는 경우.
광고코드를 </div>앞에 설치한다면 위와 같은 모습을 확인하실 수 있습니다.
본문이 끝나는 위치에 바로 뒤이어서 나오기때문에 상당히 이쁘지 않은 모습입니다.
때문에 </div>의 뒤에 광고코드를 설치하여야만 하는 것 입니다.
만약..저런 이미지 광고가 아닌.. 텍스트 광고를 운영할 계획이라면 블로그 본문에 뒤이어 나오는 방향도 괜찮지만요..
대부분의 클릭율은 저런 이미지 광고에서 나오기 때문에..이미지 광고를 운영할 계획이시라면,
</div>의 뒤에 광고 코드를 설치하시는 것을 추천합니다.
이제 어느정도 본문의 상/하단에 광고를 넣는 것에 대하여 감이 오시는지요?
블로그에 광고를 넣기 위해 소스코드를 수정하는 것은 처음에는 복잡해보이지만 어느정도 동일한 규칙이 있기때문에
몇번의 경험을 거치다보면 어렵지 않습니다, 아직 망설이신다면, 일단 한번 도전해보세요!
'Blog Tips! > AD영역 설치강좌' 카테고리의 다른 글
| [Blog tip!] 티스토리(텍스트큐브) 블로그 본문에 광고 달기 (예제소스) (0) | 2012/02/21 |
|---|---|
| [Blog tip!] 티스토리(텍스트큐브) 블로그 상단에 광고 2개 달기 (예제소스) (0) | 2012/02/21 |
CSS