티스토리 본문 중간광고 넣는 2가지 방법

티스토리에 본문 중간 광고를 넣는 방법은 여러가지가 있다.
그 중에 손 쉽게 넣을 수 있고 , 또 빼고 싶을때는 블로그 전체의 본문 중간 광고를 한번에 다 뺄 수 있는 방법이 있다.

1. '애드센스 관리'에서 넣는 본문 중간광고를 무제한으로 넣는 방법

티스토리에 애드센스 연동을 하면, 블로그 관리 홈에 '애드센스 관리' 가 생긴다.
애드센스 관리에 들어가서 애드센스를 상단, 본문 , 하단, 사이드에 애드센스를 넣을 수 있다. 그리고 광고를 빼고 싶을때도 관리에서 꺼버리면 블로그 전체글에서 다 광고를 뺄 수 있다는 장점이 있다. 그런데 특이하게도 본문 중간에 단 한개의 광고만 넣을 수 있게 되어있다. 티스토리는 항상 뭔가 이렇게 모자란 모습을 보인다.
하지만, 이 한개 밖에 넣지 못하는 광고를 무제한을 넣을 수 있는 방법이 있다.
아래의 링크로 가면 그 방법 볼 수 있다.

티스토리 본문 중간 광고 가장 쉽게 넣는 법

 

 

2. 사진 밑에 광고 자동으로 들어가게 하는 방법

사진을 지정하여 그 밑에 자동으로 광고가 들어가게 하는 방법이다.
코드를 <article_rep_desc>아래에 넣어주면 된다.

이 방법은 어떤 능력자분이 개발한 방법인데 , 그 분의 블로그에서 코드를 제공하고 있다. 하지만 약간의 오류가 있다. 그래서 나는 조금 손을 봐서 사용하고 있다.
일단, 이 방법은 내가 만든 방법이 아니기 때문에 그 능력자 분의 블로그에 가서 코드를 제공 받아야 한다.
구글 검색창에 [티스토리 블로그 모든 본문 중간에 글 수정없이 구글 애드센스 반응형 링크 광고 달기] 이 제목을 치면 나오는 블로그에 코드가 제공되어 있다.

광고를 1개만 넣는 코드 , 2개만 넣는 코드 , 3개 넣는 코드 가 제공되어있는데, 코드를 손을 보면 그 이상도 넣을 수 있다.
첫번째 사진을 지정하면 첫번째 사진밑에 광고가 나오고 사진이 없다면 광고가 나오지 않는다. 하지만 2번째 사진부터는 사진이 없으면 본문 아래로 광고가 이동한다. 광고가 본문 아래로 이동을 하는 이유는 <article_rep_desc> 아래에 코드를 넣어줬기 때문이다.

사진의 가로 길이에 따라 광고의 크기가 정해지는 방식이라 사진이 작으면 광고도 작게나오는 오류가 있다. 그래서 나는 광고의 크기를 미리 정해서 넣어주고 있다.

ㄱ. 위에 소개한 블로그에서 코드를 가져온다. 구글 검색창에 [티스토리 블로그 모든 본문 중간에 글 수정없이 구글 애드센스 반응형 링크 광고 달기] 치면 나온다

 

ㄴ. 광고의 크기를 조정해서, 위에서 가져온 코드에 넣어 준다.

사진밑에 광고가 자동으로 넣는 코드는 광고의 크기를 정해서 넣지 않으면 , 사진이 작으면 광고까지 작게 나오는 오류가 생기기 때문이다.
그래서 pc에서는 336*280 , 모바일에서는 300*250으로 정해서 넣어줘야 한다.
모바일에서 300*250을 사용하는 이유는 사진의 가로 길이보다 광고가 크면 광고가 안 뜨는 오류가 있어서 이다.
그래서 사진보다 항상 조금 작은 사이즈로 광고를 넣어야 한다.

 

<br>
<br>
<center>
<style>
.example_responsive_1 { width: 300px; height: 250px; }
@media(min-width: 500px) { .example_responsive_1 { width: 300px; height: 250px; } }
@media(min-width: 800px) { .example_responsive_1 { width: 336px; height: 280px; } }
</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXX11XXX9" crossorigin="anonymous"></script>
<!-- example_responsive_1 -->
<ins class="adsbygoogle example_responsive_1"
     style="display:inline-block"
     data-ad-client="ca-pub-XXXXXXX11XXX9"
     data-ad-slot="8XXXXX1"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</center>
<br>

이 코드는 애드센스 사이트에서 제공하는 반응형 광고 크기 수정하는 코드이다.
나는 이렇게 광고 크기를 조정해서 넣어준다.

하지만 본문 중간에는 광고를 많이 넣는걸 추천하지 않기 때문에 나는 광고가 딱 1개만 들어가는 코드를 사용하고 있다. 광고가 많다고 수익이 많은것도 아니고 오히려 이탈률이 높아지기 때문이다.

첫번째 사진 밑에 들어가게 설정을 하고 , 글 중간에 사진을 넣으면 첫번째 사진 밑에 광고가 자동으로 들어가게 된다.

사진밑에 광고가 들어갈때는 사진과 광고가 너무 붙어 있으면 정책 위반이기 때문에 , 충분한 공간을 띄워줘야 한다.
<br>을 두개 넣어서 충분히 공간을 띄워준다.

이렇게 내가 사용하는 본문 중간광고를 넣는 방법 2가지를 소개해 보았다.
본문 중간광고를 좀더 간편하게 넣길 원한다면 괜찮은 방법이다.