티스토리 중단에 애드센스 광고 넣기 - 위치를 내 마음대로!

저번 티스토리 블로그 상단에 애드센스 광고 2개 넣는 법에 대해서 포스팅을 했었습니다. 이번엔 티스토리 중단에 광고 넣는 법을 알려드릴까 합니다. 제가 쓰는 양식은 일단, 상단과 하단은 고정입니다. 상단은 2개로 미리 스킨 편집란에서 편집을 한 상태이기 때문에 글을 쓸 때 자동으로 디폴트 값(기본 값)으로 설정이 되어 있죠. 하지만 중단 광고는 좀 차이점이 있습니다.

티스토리 중단에 애드센스 광고 넣기

바로 그 차이점이란 무엇이냐! 광고의 위치를 글 쓸 때마다 제가 지정하는 것입니다. 글을 쓰다보면 중간 고정 광고일 경우에 정말 애매한 경우가 발생할 수가 있습니다. 예를들면, 한참 이어지는 내용을 쓰고 있다가 갑자기 광고가 뙇!! 그럼 사람들이 좋아할리가 만무합니다. 외관상 좋지도 않고요. 방법은 정말 간단합니다.

1. 애드센스 광고 코드 가져오기

이 부분도 저번 상단 광고 2개 포스팅 했을 때에 1번으로 설명 드린 적이 있기 때문에 링크만 걸어두겠습니다. 자동 반응형 광고로 설정하시면 되고, 광고 단위에서 이름만 다르게 설정하시면 돼요. 알아보기 편하게"애드센스 중간광고" 이런식으로.

2018/05/29 - [구글 애드센스] - 티스토리 상단에 애드센스 광고 2개 넣는 방법 - 웹, 모바일을 한방에 해결

2.광고 코드를 HTML에 삽입하기

위에서 복사한 코드를,

<!-- 중간광고시작 -->

<div id="xyz">

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<!-- 애드센스 중간광고 -->

<ins class="adsbygoogle"

     style="display:block"

     data-ad-client="ca-pub-AAAAAAAAAAAAAAAA"

     data-ad-slot="BBBBBBBBBB"

     data-ad-format="auto"></ins>

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

</div>

<script>

document.getElementById('abc').appendChild(document.getElementById('xyz'));

</script>

<!-- 중간광고종료 -->

이 양식에 바로 대입해줍니다. A부분과 B부분은 본인만의 광고 코드로 바꾸셔야 한다는 점~! 잊지마세요. 중간에 광고를 넣을 것이기 때문에,

article_rep_desc

이 아래에 광고를 살포시 삽입해줍니다.

위 사진처럼 article_rep_desc 바로 아래에 넣어주시면 되겠습니다.

3. 글 본문에 중간 광고 넣기

html 편집은 다 끝났습니다. 이제 본문에 중간 광고를 넣으면 되겠습니다. 어떻게 넣느냐!

<div id="abc"></div>

이 문장을 복사합니다. 복사한 문장을 

글 작성 오른쪽 위에 html 부분을 체크해줍니다.

그렇게 하면 글 내용이 html형식으로 보이게 되는데요. 여기서 본인이 중간 광고를 넣고 싶은 곳에 문장을 넣어주면 되겠습니다. 

광고가 들어간 블로그 화면입니다. 간단하죠? 언제든 광고 위치를 옮길 수 있어요. 여기까지 티스토리 본문 중간에 광고 넣기였습니다. 애드센스 중간 광고 잘 활용하시고 블로그 수익을 높여보세요~

2018/05/29 - [구글 애드센스] - 티스토리 상단에 애드센스 광고 2개 넣는 방법 - 웹, 모바일을 한방에 해결