[AdSense]블로그에 구글애드센스 등록하기[#2]

안녕하세요 철사마 입니다.
저번시간에 이어서 블로그에 구글 애드센스 등록하기 두번째 시간을 시작합니다.
전에 작성한 블로그 내용을 확인하지 못하셨다구요? 아래 클릭클릭 ㅋ
2012/01/08 - [News, Infomation] - [AdSense]블로그에 구글애드센스 등록하기[#1] 

우선 저번 시간까지는 AdSense가입하는 것까지 내용이었습니다.
이제는 가입 했으니 배너를 만들어 보고 블로그에 삽입해 보겠습니다.
저는 이미 테스트를 끝낸 상태라서 블로그 상단에 광고가 게시되고 있습니다. 아주 기본적인 광고지요

위에 배너가 나오는데, 영역이 깨져있네요 ㅠㅠ 네.. 저도 아직 초보라서요..
그래서 조금씩 보강해 가려고 합니다. ^-^

그럼 AdSense 사이트를 구경해 보겠습니다. (https://www.google.com/adsense)

 메뉴가 총 4가지 입니다.(영문도 있어요.. 근데 별 차이 없어서 번역된걸로)
"홈, 내 광고, 광고 허용 및 차단, 실적보고서"
내 광고는 총 하위 메뉴로 "개요, 쪽지함, 지급, 계정설정, 정보센터"가 있습니다.

 메뉴들은 각각 필요하니까 있겠죠~ 그런건 나중에 살펴보도록 하고요, 광고를 만드는 법을 우선적으로 진행하겠습니다.
[내 광고] 메뉴로 들어와서 [광고 단위]를 클릭하면 우측에 광고 메뉴리스트가 생겨지게 됩니다.
처음에는 아무것도 없겠죠. [새 광고 단위]를 클릭하면 새로운 광고를 만들수 있는 탬플릿이 지정됩니다. 내용은 아주 쉽습니다.

 복잡하게 하려고 하면 복잡하게 할 수 있겠지만, 우선 기본 탬플릿에서 이름을 제외하고 모두 기본값으로 진행 가능합니다.
기본으로만 지정해서 광고를 생성하면 광고 단위 리스트가 생성됩니다.

이렇게 하면 광고는 만들었습니다. 이 광고를 블로그에 삽입해야겠죠?
삽입하기 전에 광고 제작시 리스트메뉴 설명을 좀 드릴게요

AdSense 광고 형태의 자세한 내용은 공식 페이지를 참고해 주시기 바랍니다.
(https://support.google.com/adsense/bin/answer.py?hl=ko&answer=185666 )

1. 리더보드(728x90) 
 

2. 배너(468x60) 

3. 스카이스크래퍼(120x600) 

4. 수평형 스카이스크래퍼(160 x 600)  

5. 작은 정사각형(200x200)

6. 정사각형(250x250)

7. 중간 직사각형(300x250)

8.  큰 직사각형(336 x 280)

광고 배너가 이미지로 나올 때도 있고, Text로 나올때도 있습니다.
좌 우.. 영역은 동일합니다.
그리고 몇가지 배너 크기가 있지만, 그건 다 나열할 필요는 없을 것 같아서 뺐습니다. ^^

 이제 광고 Unit을 하나 만들었으니 블로그에 붙여봐야 겠죠.
 AdSense메뉴에서 My ads(내 광고)메뉴를 들어가셔서 Ad units(광고 단위)에서 보면 리스트가 나옵니다. 거기 Name의 아래 메뉴를 보시면 하단에 3가지 기능이 있습니다.

1. Hide
 - 메뉴를 감춥니다. 누르면 그냥 없어져 버립니다. 리스트가 많아져서 지저분할때 감추기 기능으로 좋을 것 같네요, 그런데 다시 보이게 하는 방법을 알아야 겠죠?

광고 unit이 나와있는 게시판의 오른쪽 상단에 Advanced filters라는 버튼이 있습니다.
이 버튼을 누르면 메뉴가 확장이 되는데요, 그 아래 Hidden의 체크박스를 체크하면 숨겨져 있던 광고 Unit이 등장합니다. 그 안에서 보여주고나 감추거나를 쉽게 지정할 수 있습니다.

2. Get code
- 블로그에 삽입할 스크립트 코드를 보여줍니다.

보여지는 스크립트를 복사하여 html이 적용되는 블로그나 게시판에 넣으시면 되겠습니다.
복사해서 넣기만 하면 되어지느 크게 어려워 보이지는 않네요..

3. Edit ad type
배너에 게시되는 광고의 형식을 어떻게 지정할 것인지 결정합니다.
이건 취향에 맞게 하시면 될 것 같습니다. 우선 기본은 둘다 노출되게 되어 있네요..

이제 대충 어떤것인지 알았으니 스크립트를 복사하여 블로그에 삽입해 보겠습니다.

1. 블로그 내에 위치를 고정으로 게시하여 노출하기
 - 관리자 페이지에서 소스코드에 스크립트를 삽입하여 일괄적으로 노출되게 하는 방식으로 보편적으로 쓰는 방식이고, 귀찮게 일일이 설정하지 않아도 좋으니 편합니다.

우선 위에 설명을 해드린 대로 스크립트를 복사합니다.

<script type="text/javascript"><!--

google_ad_client = "ca-pub-1135958776171939";

/* 728x90 - 리더보드#1 */

google_ad_slot = "9183228940";

google_ad_width = 728;

google_ad_height = 90;

//-->

</script>

<script type="text/javascript"

src="http://pagead2.googlesyndication.com/pagead/show_ads.js">

</script>

Tistory 어드민 페이지로 갑니다.

왼쪽에 [HTML/CSS편집] 이라는 메뉴를 클릭하면 오른쪽에 소스코드가 나옵니다.
보기에 개발자가 아니면 하기 어려워 보이네요. 하지만 많은 수정을 하는게 아니고 적당한 위치에 스크립트만 붙여 넣으면 되니 크게 문제는 없을거 같습니다.

skin.html의 스크립트 중에 검색(Ctrl+F)를 해서 위치에 맞게 스크립트를 삽입합니다.

A. 글 본문 바로 위에 광고 게시하기

 - 검색키워드:

B. 카테고리 클릭시 글 목록화면 위에 광고 게시하기

 - 검색키워드: div id="searchList"

#참고

블로그가 600size인데 300size를 좌우로 넣고 싶다면..

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr><td width="300">애드센스 1번</td><td width="300">애드센스 2번</td></tr>
</table>

광고를 오른쪽에 넣고 싶으면...

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

에드센스

</div>

광고를 왼쪽에 넣고 싶으면...

<div style="float:left; margin=0 0 10px 10px">

애드 센스

</div>

이런식으로 skin.html 파일을 수정하면 고정적으로 광고를 편하게 게시할 수 있습니다.

2. 블로그 게시물 중간에 편집자가 유연하게 게시하여 노출하기 
- 광고를 고정되게 어드민에서 설정하는 것인 아니라, 내가 필요한 곳에 넣을 수 있도록 서식으로 정하고 적절하게 노출하는 것

우선 광고 스크립트는 위에서 설명했으니 아실 것 같구요, Tistory의 서식이라는 메뉴를 활용하여 광고를 원하는 위치에 게시해 보도록 하겠습니다.

아래와 같이 글쓰기에서 서식, HTML을 설정하고 서식의 제목 및 스크립트를 넣으면 간단하게 제작을 할 수 있습니다.

서식을 작성하고 저장하면 아래와 같이 리스트가 만들어 집니다.

이제부터 글씨기를 할때 우측에 있는 서식을 삽입하여 손쉽게 광고를 개제할 수 있습니다.

선택하면 아래와 같이 한번 더 물어봅니다.

예를 클릭하시면 화면상에는 아무것도 보이지 않지만, 미리보기를 하면 아래와 같이 광고가 게제됩니다.
(실제 서식 연동 한 화면으로 광고를 출력해 보았습니다.)

조금 복잡해 보이지만, 나중에는 서식으로 하는 방식이 더 쉽고 유용할 것 같습니다.

둘중에 편한 방법으로 손쉽게 AdSense를 내 블로그에 넣어 보세요~ :)

두번째 시간은 여기까지~~
다음엔 좀 더 유용한 정보로 찾아뵙겠습니다.

광고 넣는 법에 대해 설명하느라 샘플 광고 스크린샷을 넣었는데, 그게 광고 유도라고 봤는지 정책 위반이 되었습니다 .ㅠㅠ

그래서 광고 스샷을 모자이크 한 상태로 변경했어요! 양해해 주세요!

블로그가 짤리는 것 보단 낫잖아요? ^-^