Fastboot 본문 하단 카테고리 다른글 보기 왼쪽에 구글 애드센스 광고 넣기

[구글 애드센스 쉽게 따라하기] Fastboot 본문 하단 카테고리 다른글 보기 왼쪽편에 구글 애드센스 광고 넣기

구글 애드센스는 다양한 위치에 광고를 넣을 수 있는데

그 중에서 오늘은 구글 애드센스 광고를 본문 하단에 위치하고 있는 '카테고리 다른글 보기' 의 왼쪽편에 넣어보는 것을 배워 보겠습니다.

'카테고리 다른글 보기'는 바로 아래그림의 빨간 네모 부분입니다.

그럼 지금부터 이 위치에 구글 애드센스 광고를 넣어 보겠습니다.

일단 티스토리의 html 편집을 하기전 구글 애드센스 광고 코드를 먼저 사전 작업을 해놔야 합니다.

① 광고 코드 만들기

먼저 구글 애드센스로 들어갑니다.

그곳에서 기존의 광고단위 혹은 새로운 광고단위를 만든 후

광고 코드를 복사한 후 메모장에 붙여 넣어 놓습니다.

② 하단 카테고리 다른글 보기 왼쪽 광고 넣기 소스 준비

아래 메모장 파일을 다운 받습니다.

파일 다운

▼ ▼

하단 카테고리 다른글 왼쪽에 넣기 소스.txt

다운을 받은 후 메모장을 열어보면 아래와 같은 코드가 보일 것입니다.

<ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px;margin:auto" data-ad-client="●" data-ad-slot="●"></ins>';
  document.getElementsByClassName('another_category')[0].className+=" col-md-6";
  document.getElementsByClassName('another_category')[0].style.clear="none";
  document.getElementsByClassName('another_category')[0].outerHTML='<div style="margin:0 auto;"><div class="col-md-6" style="margin-top:20px; padding:0; text-align:center;">'+adTmp+'</div>'+document.getElementsByClassName('another_category')[0].outerHTML+'<div class="clearfix"></div></div>';
  (adsbygoogle = window.adsbygoogle || []).push({});
}
</script>