본문 상단에 애드센스 2개 를 배치하여 광고 효과를 높여보자.!!
위 그림처럼 본문 상단에 애드센스 2개를 설치하는 방법입니다.
관리모드 > 환경설정 > HTML / CSS 편집으로 들어가셔서 아래의 코드를
<style>
.ad1 {width: 300px; height: 250px;}
.ad2 {width: 0px; height: 0px;}
@media (min-width: 400px) { .ad1 { width: 336px; height: 280px; }}
@media (min-width:1120px) { .ad1 { width: 300px; height: 250px; } .ad2 { width: 300px; height: 250px; margin-left: 5%;}}
@media (min-width:1200px) { .ad1 { width: 336px; height: 280px; } .ad2 { width: 336px; height: 280px; margin-left: 5%;}}
</style>
<div class="adstyle1" style="text-align: center; margin-bottom:80px;">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 상단 왼쪽 -->
<ins class="adsbygoogle ad1"
style="display:inline-block"
data-ad-client="ca-pub-개별 번호"
data-ad-slot="개별 번호"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 상단 오른쪽 -->
<ins class="adsbygoogle ad2"
style="display:inline-block"
data-ad-client="ca-pub-개별 번호"
data-ad-slot="개별 번호"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class="e-content post-content fouc">
본문 상단에 애드센스 2개 를 배치하여 광고 효과를 높여보자.!!
위 그림처럼 본문 상단에 애드센스 2개를 설치하는 방법입니다.
관리모드 > 환경설정 > HTML / CSS 편집으로 들어가셔서 아래의 코드를
<style>
.ad1 {width: 300px; height: 250px;}
.ad2 {width: 0px; height: 0px;}
@media (min-width: 400px) { .ad1 { width: 336px; height: 280px; }}
@media (min-width:1120px) { .ad1 { width: 300px; height: 250px; } .ad2 { width: 300px; height: 250px; margin-left: 5%;}}
@media (min-width:1200px) { .ad1 { width: 336px; height: 280px; } .ad2 { width: 336px; height: 280px; margin-left: 5%;}}
</style>
<div class="adstyle1" style="text-align: center; margin-bottom:80px;">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 상단 왼쪽 -->
<ins class="adsbygoogle ad1"
style="display:inline-block"
data-ad-client="ca-pub-개별 번호"
data-ad-slot="개별 번호"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 상단 오른쪽 -->
<ins class="adsbygoogle ad2"
style="display:inline-block"
data-ad-client="ca-pub-개별 번호"
data-ad-slot="개별 번호"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class="e-content post-content fouc"></div>
상단에 붙여 주시면 됩니다.
그러면 PC 환경에서는 본문 상단에 2개, 모바일 환경에서는 본문에 1개가 출력이 됩니다.
</div>
상단에 붙여 주시면 됩니다.
그러면 PC 환경에서는 본문 상단에 2개, 모바일 환경에서는 본문에 1개가 출력이 됩니다.