2014. 6. 24. 20:35
티스토리 본문 중간에 애드센스 삽입하기 블로그 이야기2014. 6. 24. 20:35
728x90
반응형
티스토리 본문 중간에 애드센스 삽입하기
퍼온글: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에 추가한 코드를 제거하면 됩니다.
애드센스 광고 코드에 아무런 수정을 가하지 않고 자바스크립트로 위치만 변경시키는 것이므로 정책 위반의 위험이 없습니다.
728x90
반응형
'블로그 이야기' 카테고리의 다른 글
| 티스토리 블로그 - 구글 애드센스 지급방식 추가 (0) | 2014.07.07 |
|---|---|
| 티스토리 블로그 - 백업 하기 (0) | 2014.06.27 |
| 티스토리 메뉴바에 구글 애드센스 달기 (0) | 2014.06.24 |
| 티스토리 애드센스 고수익 노하우 [정리] (2) | 2014.06.24 |
| 티스토리 가입 방법은 요?? (8) | 2014.06.18 |
