티스토리 본문 중간에 애드센스 삽입하기

 

 

티스토리 본문 중간에 애드센스 삽입하기

퍼온글:http://liberokwan.tistory.com/190

본문 중간에 애드센스 광고를 넣으면 효과가 좋다고 합니다. 본문 중간에 애드센스를 넣는 가장 쉬운 방법은 광고 코드를 포스트마다 삽입하는 것입니다.

그런데 이 방법에는 문제가 있습니다. 광고를 제거하거나 다른 광고로 바꿀 때 포스트를 하나하나 수정해야 한다는 것입니다.

하지만 JavaScript를 이용하면 본문 중간에 쉽게 광고를 넣었다 뺐다 할 수 있습니다.

HTML 모드에서 광고가 위치할 곳에 다음의 코드를 넣습니다.

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

skin.html에 다음의 코드를 넣습니다. 아무 곳에 넣어도 상관 없습니다. 만약 어디에 넣을 지 잘 모르겠다면 </body> 위에 넣으세요. 빨간색 코드는 자신의 애드센스 광고 코드로 변경하셔야 합니다.

<div id="xyz">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- xxx -->
<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:250px"
     data-ad-client="ca-pub-xxx"
     data-ad-slot="xxx"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<script>
document.getElementById('abc').appendChild(document.getElementById('xyz'));
</script>

이제 포스트로 가면 <div id="abc"></div> 코드를 넣은 곳에 광고가 나옵니다.

빨간색 코드에 다른 광고 코드를 넣으면 그 광고가 나옵니다. 광고를 제거하고 싶으면 빨간색 코드를 지우거나 skin.html에 추가한 코드를 제거하면 됩니다.

애드센스 광고 코드에 아무런 수정을 가하지 않고 자바스크립트로 위치만 변경시키는 것이므로 정책 위반의 위험이 없습니다.