블로그 상단에 광고 2개 설정하는 방법

블로그 상단에 광고 2개 설정하는 방법

 

 

1. 애드센스 광고 코드 생성

1. 애드센스- 광고 - 개요 - 광고단위기준 - 디스플레이 광고 선택합니다. 

 

 

 

 

2. 새로운 광고를 만들어 줄텐데, 크기는 고정형으로 336 * 280 사이즈로 지정합니다. 

** 고정된 크기의 광고 단위를 사용하면 게재 가능한 광고 수가 제한될 수 있으며, 따라서 반응형 광고 단위를 사용할 경우보다 수익이 줄어 들 수 있습니다.** 라는 문구를 꼭 확인하세요. 

 

 

 

 

3. 위와 같은 방법으로 상단에 넣을 광고 코드를 2개를 만듭니다. 이름을 구분하기 쉽게 적어줍니다. 

 

 

 

 

내 블로그에 광고 적용하기

1. 내 블로그 편집 모드 - 플러그인 - 구글애드센스(반응형)을 선택합니다. 

 

 

2. 광고 형태를 정하고 상단에 넣을 광고 코드 2개를 넣어주면 됩니다. 

2. 여기서 중요한 것!!

광고코드 2개를 바로 붙여넣기를 하면 양 옆으로 나란히 광고 2개가 보이지 않고 위아래 2개로 보이게 됩니다. 그래서 여기서 필요한 html이 있습니다. 

<div style="display:table; width:100%">
<div style="display:table; row">
<div class="ad_1" align="center" style="display:table-cell;">
1번 광고 코드
</div>
<div class="ad_2" align="center" style="display:table-cell;">
2번 광고 코드
</div>
</div>
</div>

위의 파란색 상자 안에 들어있는 코드 그대로 붙여넣고 변경사항 적용을 선택하면 내 글 상단에 광고 2개가 올라와 있는 것을 확인할 수 있습니다.