본문으로 바로가기

본문 상단에 애드센스 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">[##_article_rep_desc_##]</div>

상단에 붙여 주시면 됩니다.



그러면 PC 환경에서는 본문 상단에 2개, 모바일 환경에서는 본문에 1개가 출력이 됩니다.


댓글을 달아 주세요

티스토리 툴바