반응형
애드센스는 주로 본문 상단에 위치시킬 때 좀 더 노출이 잘 된다고 할 수 있습니다.
상단의 애드센스는 글을 읽을 때 반드시 봐야 할 부분이기 때문입니다.
애드센스를 본문의 하단에도 설치가 가능합니다.
본문의 하단에 설치하는 방법은 본문 상단에 위치시키는 것과 유사합니다.
다만 추가적으로 작업이 필요합니다.
블로그 관리 페이지로 이동합니다.
skin.html에서 ##_article_rep_desc_## 을 검색합니다.
본문 상단은 이 치환자 위에 광고를 위치시켰다면 본문 하단은 이 치환자 아래에 위치시키면 됩니다.
다만 추가적인 작업이 필요합니다.
본문 하단에 애드센스를 위치시키면 카테고리의 다른 글 밑으로 뜨기 때문입니다.
<head>와 </head> 사이에 다음과 같은 코드를 입력합니다.
</head> 바로 위에 위치시키면 됩니다.
<!-- 카테고리 더보기 -->
<script type="text/javascript">
function getElementsByClass(searchClass,node,tag){
// JavaScript function was developed by MissFlash (http://blog.missflash.com)
var classElements = new Array();
if(node == null) node = document;
if(tag == null) tag = '*';
var els = node.getElementsByTagName(tag);
var elsLen = els.length;
var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
var j = 0;
for(i=0; i<elsLen; i++){
if(pattern.test(els[i].className)){
classElements[j] = els[i];
j++;
if(els[i].id != "MF_Reference"){
var result = els[i].innerHTML;
els[i].style.display = "none";
}
}
}
return result;
}
</script>
<!-- 카테고리 더보기 끝 -->
애드센스 광고를 ##_article_rep_desc_## 하단에 위치시킵니다.
그리고 이 코드(/div) 밑에 다음과 같은 코드를 추가로 입력합니다.
<!-- 카테고리 더보기 -->
<div id="MF_Reference" class="another_category another_category_color_gray">
</div>
<script type="text/javascript">
var ref_source = getElementsByClass("another_category");
document.getElementById("MF_Reference").innerHTML = document.getElementById("MF_Reference").innerHTML + ref_source;
</script>
<!-- 카테고리 더보기 끝 -->
이렇게 하면 본문, 광고, 카테고리 더 보기의 순서로 배치가 되는 것을 확인할 수 있습니다.
다음과 같은 형식으로 화면에 보여집니다.
정상적으로 출력되는 것을 확인할 수 있습니다.
반응형
'IT > Blog Tip' 카테고리의 다른 글
| [티스토리] 태그 클라우드 설치하기 (0) | 2014.12.22 |
|---|---|
| [블로그로 돈벌기] 애드센스 본문 하단에 설치하기(2) (0) | 2014.12.22 |
| [블로그로 돈벌기] 애드센스 본문 우측 상단에 설치하기 (0) | 2014.12.11 |
| [블로그로 돈벌기] 애드센스 사이드바에 설치하기 (0) | 2014.12.09 |
| [블로그로 돈벌기] 애드센스(AdSense) 신청 및 승인 (0) | 2014.12.09 |
