티스토리 강좌 | Tips > 본문 중간에 애드센스 광고 넣는 방법

티스토리 블로그에서 본문 중간에 애드센스 광고를 넣는 방법은 여러 가지가 있습니다. 그 중 가장 쉬운 방법은 글 작성 시 HTML 모드에서 원하는 위치에 광고 코드를 넣는 것입니다.

그런데, 이 방법을 사용하면 광고를 제거할 때 글을 하나하나씩 수정해야 합니다. 다른 광고로 교체하려고 해도 글을 하나하나씩 수정해야 합니다.

이런 불편을 해소하는 방법은 다른 곳에 있는 광고를 본문 중간으로 이동시키는 것입니다.

HTML 수정

[HTML/CSS 편집]의 HTML에서

[##_article_rep_desc_##]

를 찾습니다. 그 밑에 다음과 같은 광고 코드와 스크립트를 넣습니다.

<div id="jb-adsense-xyz">
  AdSense Code
</div>
<script>
  document.getElementById( 'jb-adsense-abc' ).appendChild( document.getElementById( 'jb-adsense-xyz' ) );
</script>

AdSense Code는 자신의 애드센스 광고 코드로 바꿉니다.

그러면 다음처럼 본문 아래에 광고가 나옵니다.

글 수정

글 수정에서 HTML 모드로 들어갑니다.

광고가 나오길 원하는 위치에 다음 코드를 넣고 발행합니다.

<div id="jb-adsense-abc"></div>

이제 글 보기로 가면 본문 아래에 있던 광고가 본문 중간으로 이동한 것을 확인할 수 있습니다.

참고사항

  • 광고를 꼭 본문 아래에 넣어야 하는 것은 아닙니다. 다른 곳에 넣어도 됩니다.
  • 광고를 이동하는 것이므로, 이동 전과 이동 후 광고 크기는 같습니다.
  • 본문 중간 광고를 수정하거나 삭제하고 싶으면 skin.html만 수정하면 됩니다.
  • 애드센스 광고 뿐만 아니라 다른 광고에도 활용할 수 있습니다.
Category

Created on 2017-04-19 11:47 | Updated on 2017-07-03 03:43

이 글을 공유하기

Kakao

티스토리 스킨

Book navigation