PC Game IT

구글 애드센스 상단 광고 2개 하는 방법

✔­ 2021. 1. 9.

 

구글 애드센스 상단 광고 2개 하는 방법 

 

 

이처럼 하는 방법 위치 선정까지


아래 사진 처럼 상단 광고 2개 설정하는 방법

 

상단 애드센스 광고.txt
0.00MB

 

 

	<article class="content">
				
		
		
	<!-- 애드센스 본문 상단 광고 1 시작 -->
<div style="text-align: left; 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>
<ins class="adsbygoogle post-top-first"
     data-ad-client="ca-pub-★"
     data-ad-slot="★"
     data-ad-format="rectangle"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});


</script>
</div>
<!-- 애드센스 본문 상단 광고 1 끝 -->
											
<!-- 애드센스 본문 상단 광고 2 시작 -->
<div style="float: right; margin: -300px -30px 0px 10px;">
<style>
.adsense-post-right { width: 200px; height: 200px;}
@media (min-width:576px) { .adsense-post-right { width: 250px; height: 250px; } }
@media (min-width:768px) { .adsense-post-right { width: 300px; height: 250px; } }
@media (min-width:992px) { .adsense-post-right { width: 336px; height: 280px; } }
</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle adsense-post-right"
  style="display:inline-block"
  data-ad-client="ca-pub-★"
  data-ad-slot="★"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<!-- 애드센스 본문 상단 광고 2 끝 -->								

											
											
											





            



            

 

구글 애드센스 상단 광고 2개 하는 방법 

 

 

이처럼 하는 방법 위치 선정까지


아래 사진 처럼 상단 광고 2개 설정하는 방법

 

상단 애드센스 광고.txt
0.00MB

 

 

	<article class="content">
				
		
		
	<!-- 애드센스 본문 상단 광고 1 시작 -->
<div style="text-align: left; 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>
<ins class="adsbygoogle post-top-first"
     data-ad-client="ca-pub-★"
     data-ad-slot="★"
     data-ad-format="rectangle"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});


</script>
</div>
<!-- 애드센스 본문 상단 광고 1 끝 -->
											
<!-- 애드센스 본문 상단 광고 2 시작 -->
<div style="float: right; margin: -300px -30px 0px 10px;">
<style>
.adsense-post-right { width: 200px; height: 200px;}
@media (min-width:576px) { .adsense-post-right { width: 250px; height: 250px; } }
@media (min-width:768px) { .adsense-post-right { width: 300px; height: 250px; } }
@media (min-width:992px) { .adsense-post-right { width: 336px; height: 280px; } }
</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle adsense-post-right"
  style="display:inline-block"
  data-ad-client="ca-pub-★"
  data-ad-slot="★"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<!-- 애드센스 본문 상단 광고 2 끝 -->								

											
											
											
					
											
											
											
											
					<!-- 구글 하단 광고 시작 -->			
 <body>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:inline-block;width:640px;height:650px"
     data-ad-client="ca-pub-★"
     data-ad-slot="★"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</body>								
						<!-- 구글 하단 광고 끝 -->					
							
	
 

텍스트 내용에 ★ 를 지워 게시자 ID, 광고단위ID 를 입력 해야합니다

 

 

광고 삽입 위치

 

class="content"> 아래로 상단 광고 2개 삽입

 

아래로 하단 광고 1개 삽입

 

 

네모난 가려진 곳에는 애드센스 광고를 넣습니다

data-ad-client="ca-pub-애드센스에서 받은 숫자 ID

data-ad-slot="애드센스에서 받은 숫자 ID"

 

 

 

 

 

 

 

 

 

광고 사이즈 설정하기

1. 중앙 분리되는 간격                                                                      2. 중앙 분리되는 간격 


광고의 사이즈에 따라 설정이 가능합니다

 

 

 

<div style="float: right; margin: -300px -30px 0px 10px;">

-300px 상하

-30 좌우

+ 나 - 로 숫자를 지정해 설정해보십시요

 

<!-- 구글 하단 광고 시작 --> <body> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:inline-block;width:640px;height:650px" data-ad-client="ca-pub-★" data-ad-slot="★"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </body> <!-- 구글 하단 광고 끝 -->
 

텍스트 내용에 ★ 를 지워 게시자 ID, 광고단위ID 를 입력 해야합니다

 

 

광고 삽입 위치

 

class="content"> 아래로 상단 광고 2개 삽입

 

 

구글 애드센스 상단 광고 2개 하는 방법 

 

 

이처럼 하는 방법 위치 선정까지


아래 사진 처럼 상단 광고 2개 설정하는 방법

 

상단 애드센스 광고.txt
0.00MB

 

 

	<article class="content">
				
		
		
	<!-- 애드센스 본문 상단 광고 1 시작 -->
<div style="text-align: left; 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>
<ins class="adsbygoogle post-top-first"
     data-ad-client="ca-pub-★"
     data-ad-slot="★"
     data-ad-format="rectangle"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});


</script>
</div>
<!-- 애드센스 본문 상단 광고 1 끝 -->
											
<!-- 애드센스 본문 상단 광고 2 시작 -->
<div style="float: right; margin: -300px -30px 0px 10px;">
<style>
.adsense-post-right { width: 200px; height: 200px;}
@media (min-width:576px) { .adsense-post-right { width: 250px; height: 250px; } }
@media (min-width:768px) { .adsense-post-right { width: 300px; height: 250px; } }
@media (min-width:992px) { .adsense-post-right { width: 336px; height: 280px; } }
</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle adsense-post-right"
  style="display:inline-block"
  data-ad-client="ca-pub-★"
  data-ad-slot="★"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<!-- 애드센스 본문 상단 광고 2 끝 -->								

											
											
											
					
											
											
											
											
					<!-- 구글 하단 광고 시작 -->			
 <body>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:inline-block;width:640px;height:650px"
     data-ad-client="ca-pub-★"
     data-ad-slot="★"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</body>								
						<!-- 구글 하단 광고 끝 -->					
							
	
 

텍스트 내용에 ★ 를 지워 게시자 ID, 광고단위ID 를 입력 해야합니다

 

 

광고 삽입 위치

 

class="content"> 아래로 상단 광고 2개 삽입

 

아래로 하단 광고 1개 삽입

 

 

네모난 가려진 곳에는 애드센스 광고를 넣습니다

data-ad-client="ca-pub-애드센스에서 받은 숫자 ID

data-ad-slot="애드센스에서 받은 숫자 ID"

 

 

 

 

 

 

 

 

 

광고 사이즈 설정하기

1. 중앙 분리되는 간격                                                                      2. 중앙 분리되는 간격 


광고의 사이즈에 따라 설정이 가능합니다

 

 

 

<div style="float: right; margin: -300px -30px 0px 10px;">

-300px 상하

-30 좌우

+ 나 - 로 숫자를 지정해 설정해보십시요

 

아래로 하단 광고 1개 삽입

 

 

네모난 가려진 곳에는 애드센스 광고를 넣습니다

data-ad-client="ca-pub-애드센스에서 받은 숫자 ID

data-ad-slot="애드센스에서 받은 숫자 ID"

 

 

 

 

 

 

 

 

 

광고 사이즈 설정하기

1. 중앙 분리되는 간격                                                                      2. 중앙 분리되는 간격 


광고의 사이즈에 따라 설정이 가능합니다

 

 

 

<div style="float: right; margin: -300px -30px 0px 10px;">

-300px 상하

-30 좌우

+ 나 - 로 숫자를 지정해 설정해보십시요

 

댓글