반응형 블로그에서 상단에 2개 애드센스 광고 넣기

블로그 상단에 광고 2개를 삽입해 보려고 합니다.

블로그에 광고를 삽입하는것은

블로그마다 특징이 있기 때문에 다르게 적용되어야 하며

어디에 광고를 배치시 더 많은 수익이 나는지

어떤 컨텐츠를 어떤 방식으로 포스팅 했을 때 광고 수익이 많이 나는지

구글 애널러스틱으로 모니터링 하면서 확인해 보아야 합니다.

주의 할점은 모바일에서 광고가 가려지지 않고 정상적으로 출력이 되어야 하는데

일반적인 코드를 적용하면 모바일에서 광고가 가려지거나 짤려서 정책위반 사유가 됩니다.

그래서 모바일에서는 광고가 위아래 나오도록 하려 합니다.

반응형 스킨을 사용중인 블로그에서

광고 상단에 2개의 광고를 넣어 보도록 하겠습니다.

애드센스 상단 광고 2개

주의 : 애드센스를 꼭 반응형으로 생성하세요

고정형으로 생성 시 광고 영역이 가려지면 정책 위반 사유가 됩니다.

먼저 구글 애드센스에서 반응형 광고 2개를 생성합니다.

생성한 코드를 아래 구글 코드 삽입 부분에 하나씩 붙여넣기 합니다. ▶

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

<div style="text-align: center;">
<span>
<style type="text/css">
.adslot_2 { display:inline-block; width: 320px; height: 100px; }
@media (max-width: 300px) { .adslot_2 { width: 320px; height: 100px; } }
@media (min-width:450px) { .adslot_2 { width: 336px; height: 280px; } }
@media (min-width:900px) { .adslot_2 { width: 336px; height: 280px; } }
</style>
 
 애드센스 반응형 광고 1
 
</span>
<span style="margin-left: 20px;">
<style type="text/css">
.adslot_1 { display:inline-block; width: 0px; height: 0px; }
@media (max-width: 300px) { .adslot_1 { display: none; } }
@media (max-width:450px) { .adslot_1 { display: none; } }
@media (min-width:900px) { .adslot_1 { width: 336px; height: 280px; } }
</style>
 
 애드센스 반응형 광고 2
 
</span>
</div>
Colored by Color Scripter

cs