[구글 애드센스] #2 상단 디스플레이 광고 2개 설정하기

안녕하세요.

Ryun2입니다.

 

오늘부터 제가 수많은 시행착오를 겪으면서 설정했었던 광고들을 하나하나씩 풀어볼까 해요.

만약 아직 구글 애드센스를 신청하지 않으셨다면 아래 링크를 통해 하나하나 봐주세요:)

티스토리 블로그와 구글 애드센스:

[블로그] 티스토리 블로그하기 #1 : 티스토리 블로그 생성 및 기본 설정

[블로그] 티스토리 블로그하기 #2 : 구글 애드센스 가입 및 신청 (feat. 애드고시)

[블로그] 티스토리 블로그하기 #3 : 구글 애드센스 통과 -> 구글 애드센스 #1 : 자동광고 설정하기

[블로그] 구글 애드센스 #3 : 제목 상단 디스플레이 광고 설정하기

[블로그] 구글 애드센스 #4: 가장 간단하게 상하단 디스플레이 광고 설정하기

[블로그] 구글 애드센스 #5 : 거슬리는 앵커광고 하단으로 바꾸기

[블로그] 구글 애드센스 #6 : 일치하는 콘텐츠 광고 설정하기(feat. 일치하는 콘텐츠 광고란?)

 

그럼 이제 본격적으로 구글 애드센스 설정에 대해 한 번 보시죠!

 

 

 

#2 : 

상단 디스플레이 광고 2개 설정하기

 

 

광고 코드 따는 방법

1. 구글 애드센스 들어가기.

https://www.google.com/adsense/new/u/0/pub-9956412221779216/home

Google 애드센스 - 웹사이트에서 수익 창출하기

 

2. 메뉴에서 '광고-개요'를 클릭하여, '디스플레이 광고' 클릭하기.

 

3. 왼쪽 상단에서 이름을 설정한 후, 광고크기를 고정-336*200으로 설정하고, '저장' 클릭하기.

 

4. html을 복사하여 메모장에 따로 저장한 후, '완료'를 클릭하기.

 

5. 2번에서 4번을 한 번 더 반복하기. 

단, 광고의 이름을 다르게 해야 해요.

저 같은 경우는 상단 디스플레이 광고_1, 상단 디스플레이 광고_2로 설정했어요.

 

 

여기서부터는 저도 다른 블로그를 찾아서 설정해봤어요>..<

제가 참고한 블로그도 아래 달아두겠습니당~

https://kyome.tistory.com/103

[티스토리] 애드센스 상단 2개 추가하기 - 2

 

 

6. 아래 코드에 위에서 설정한 광고 html 넣기.

<div style="display:table; width:100%">
<div style="display:table-row;">
<div class="ad_1" align="center" style="display:table-cell;">
첫 번째 광고 붙여 넣을 곳
</div>
<div class="ad_2" align="center" style="display:table-cell;">
두 번째 광고 붙여 넣을 곳
</div>
</div>
</div>

 

 

이렇게까지 하시면 광고 html 작업은 끝난거예요!

이제 여기서부터는 블로그에 광고 설정하기입니다. 

 

 

 

블로그에 광고 넣는 방법

7. 블로그 '관리'-'플러그인' 들어가기

 

8. '구글 애드센스(반응형)' 선택하기

 

9. 6번에서 작업한 html 붙여넣으면 끝!

저같은 경우는 상단과 하단 모두 광고를 넣고 싶어서 세번째 형태를 선택했지만,

상단에만 넣고 싶으시다면 첫 번째 형태를 선택하시면 돼요. 

 

이렇게만 하시면, 상단에 광고 2개가 설정된답니다!

물론 바로 뜨는 경우도 있지만, 조금 기다려야 하는 경우도 있어요.

좀 여유롭게 20-30분 후에 확인해보시면 좋습니다.

 

 

성공적으로 광고를 설정하신다면, 

쨘~!

이렇게 보실 수 있어요:D 

 

 

지금은 이 광고를 사용하진 않지만, 아마 제 블로그 스킨을 또 업데이트한다면~ 바꿔볼 수도 있을 것 같아요.

 

그럼 다음에도 유익한 포스팅 들고 오겠습니다:)