티스토리 애드센스 본문상단 광고 2개 적용방법

728x90

본문 상단 광고 2개 적용

티스토리 본문에 광고 2개를 가로로 배치하는 방법을 포스팅합니다. 광고가 많다고 좋은 건 아니지만, 상단광고가 노출이 좋은 곳으로 1개보다는 2개가 좀 더 효율적이지 않을까 생각합니다. 아래 순서대로 진행하시면 바로 송출되는 모습을 확인하 실 수 있습니다.

광고 코드 준비하기

<!-- AdSense on top 2 ads -->

<div style="text-align: center; margin-bottom: 15px;">
<style>
.adsbygoogle.post-top-first {display:block}
.adsbygoogle.post-top-second {display:none}

@media (min-width: 768px) {
.adsbygoogle.post-top-first {display:inline-block;min-width:336px;max-width:336px;width:100%;height:280px;}
.adsbygoogle.post-top-second {display:inline-block;margin-left:20px;min-width:336px;max-width:336px;width:100%;height:280px;}
}
</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Top Ad 1 -->
<ins class="adsbygoogle post-top-first"
     data-ad-client="ca-pub-0000000000000000" / 코드 입력
     data-ad-slot="0000000000" / 코드 입력
     data-ad-format="rectangle"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!-- Top Ad 2 -->
<ins class="adsbygoogle post-top-second"
     data-ad-client="ca-pub-0000000000000000" / 코드 입력 2
     data-ad-slot="0000000000" / 코드 입력 2
     data-ad-format="rectangle"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>

<!-- AdSense on top 2 ads -->

상단 광고 양식.txt

0.00MB