Categories: 블로그팁

플러그인 없이 티스토리 본문글 바로 위 상단에 애드센스 광고 넣기

네이버블로그에 비해 티스토리의 장점이라면 역시 html을 수정할 수 있다는 점인데요. 이 점을 활용하면 플러그인을 사용하지 않고도 본문글 바로 위에 애드센스 광고를 넣을 수 있습니다.
티스토리 스킨 수정 방법에 관한 글을 적었었는데 간단히 말하면 티스토리 관리화면에 가서 왼쪽 메뉴들 중에 html/css편집 메뉴를 선택하면 스킨 수정을 할 수 있습니다.
애드센스 광고는 이미 생성했다라고 가정하고 글을 쓰도록 할건데요. html 편집 화면에 가셔서 ‘Ctrl+F’키를 눌러서 [##_article_rep_desc_##] 이라는 치환자를 찾습니다. 제 스킨은 반응형#1 스킨인데 html편집에서 200번대 줄에 위치하고 있습니다.
이 녀석이 의미하는 바는 본문글입니다. 즉 [##_article_rep_desc_##] 위에 광고코드를 넣으면 본문글 바로 위에 애드센스 광고가 나오고 아래에 넣으면 본문글이 끝나고 바로 아래에 광고가 나온다는거죠. 즉 아래와 같은 모양이 됩니다.
<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<ins class=”adsbygoogle”
style=”display:block;”
data-ad-client=”ca-pub-숫자”
data-ad-slot=”숫자”
data-ad-format=”auto”></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
[##_article_rep_desc_##]
<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<ins class=”adsbygoogle”
style=”display:block;”
data-ad-client=”ca-pub-숫자”
data-ad-slot=”숫자”
data-ad-format=”auto”></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
이해가 되시죠? 위와 같은 모양으로 html을 수정하게되면 본문위와 본문아래에 광고가 저절로 나오게됩니다. 참고로 <script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script> 이부분은 <head>에 한번만 넣으면 되는데 그건 또 추후 설명드리도록 하겠습니다.