본문 바로가기

블로깅 배우기

블로그에 광고 달기 - 구글 애드 센스 (Google adsense) 달기

2010년 1월 19일 최종 수정


블로그를 시작하면서 다음 뷰, 올블로그, 믹시를 연결하고, 위젯을 달았습니다.

그러나 역시 블로그에는 구글 에드 센스가 달려야 하지 않나.. 하는것이 제 생각입니다.

 

그래서 올블로그 창을 하나 내리고 애드 센스를 달겠다고 결심했습니다.

단점이 있다면 구글 에드센스만큼은 티스토리 플러그인이 없습니다.

역시..

노가다를 해야겠네요.

 

그럼 함께 구글 애드 센스를 달아보시죠 ^^

> 아직 구글 어카운트가 없다면 - 구글 어카운트 만들기 바로가기 먼저

> 구글 어카운트가 있다면 - 구글 애드 센스 메인 페이지 바로가기


 

Step 1: 구글 에드 센스 가입하기

참고로 구글에 이미 가입이 되어 있더라도 애드 센스를 다시 가입하셔야 합니다.

 

구글 에드 센스로 이동하여 내 구글 어카운트를 넣으면 아직 에드 센스에 가입이 되지 않았다고 합니다.

왼쪽에 보이는 지금 가입 버튼을 눌러줍니다.

 

 

필요한 정보를 쓰라고 나오는데요.

모든 빈칸을 채우고 “정보 제출” 버튼을 누르면 완료됩니다.

 

구글 측에서 정보 확인을 위해 며칠 기다리라고 합니다.

 

 

 


Step2: 에드 센스 어카운트


저는 이틀 후에 승인 되었다는 이메일을 받았는데요.

아래와 같은 내용입니다.

아래 쪽으로는 어떻게 사용하라는 말이 주욱 있습니다. 함께 해 보시죠.

 


먼저 주어진 링크를 통해 애드센스로 가서 로그인을 합니다.

> 구글 애드 센스 메인 페이지 바로가기

 


약관이 나옵니다.

주욱 스크롤 다운 하셔서 동의해 주시고…

 

 

이메일로 보내는 preference를 업데이트 하라고 나오는데 이건 나중에 하겠습니다.

Remind me later 클릭

또는 그냥 옆의 Adsense Setup을 바로 눌러주세요.

(한글 버전으로 하셔도 그림을 보시고 위치를 따라가시면 똑같습니다. ^^)

 


이제 광고를 만들 수가 있습니다.


Step3: 광고 생성하기

Adsense Setup (에드 센스 설정) 탭에 가시면 다양한 모양의 광고창들이 보입니다.

 

 

대부분의 사람들이 블로그에 사용할 수 있는 AdSense for Content(콘텐츠용 에드센스)를 클릭합니다.

사실 콘텐츠용 말고는 딱히 사용할 것이 없습니다.

 

광고 설정은 간단해서 시키는대로 옵션을 주욱 선택해 나갑니다.

처음에 광고 단위로 선택하시면 광고 문구가 나가는 박스가 만들어 지고, 링크 단위로 신청하시면 짧은 단어의 링크가 달립니다.


아래의 보시는 것이 링크 광고를 선택한 경우이구요.


이 아래에 보이는 그림이 광고 단위로 선택한 경우입니다.


다음에 크기를 지정하고, 팔레트를 선택하는 옵션을 끝내면 코드를 주는데요.

 

 

이 코드를 복사해서 티스토리에 넣어야 합니다.


Step4: 블로그 스킨에 에드센스 넣기

이걸 티스토리에 한 번 넣어봅니다.


티스토리로 가서 로그인을 한 후 “스킨” 아래의 “Html/CSS 편집”으로 갑니다.

 

일단

2010년 1월 19일 최종 수정


블로그를 시작하면서 다음 뷰, 올블로그, 믹시를 연결하고, 위젯을 달았습니다.

그러나 역시 블로그에는 구글 에드 센스가 달려야 하지 않나.. 하는것이 제 생각입니다.

 

그래서 올블로그 창을 하나 내리고 애드 센스를 달겠다고 결심했습니다.

단점이 있다면 구글 에드센스만큼은 티스토리 플러그인이 없습니다.

역시..

노가다를 해야겠네요.

 

그럼 함께 구글 애드 센스를 달아보시죠 ^^

> 아직 구글 어카운트가 없다면 - 구글 어카운트 만들기 바로가기 먼저

> 구글 어카운트가 있다면 - 구글 애드 센스 메인 페이지 바로가기


 

Step 1: 구글 에드 센스 가입하기

참고로 구글에 이미 가입이 되어 있더라도 애드 센스를 다시 가입하셔야 합니다.

 

구글 에드 센스로 이동하여 내 구글 어카운트를 넣으면 아직 에드 센스에 가입이 되지 않았다고 합니다.

왼쪽에 보이는 지금 가입 버튼을 눌러줍니다.

 

 

필요한 정보를 쓰라고 나오는데요.

모든 빈칸을 채우고 “정보 제출” 버튼을 누르면 완료됩니다.

 

구글 측에서 정보 확인을 위해 며칠 기다리라고 합니다.

 

 

 


Step2: 에드 센스 어카운트


저는 이틀 후에 승인 되었다는 이메일을 받았는데요.

아래와 같은 내용입니다.

아래 쪽으로는 어떻게 사용하라는 말이 주욱 있습니다. 함께 해 보시죠.

 


먼저 주어진 링크를 통해 애드센스로 가서 로그인을 합니다.

> 구글 애드 센스 메인 페이지 바로가기

 


약관이 나옵니다.

주욱 스크롤 다운 하셔서 동의해 주시고…

 

 

이메일로 보내는 preference를 업데이트 하라고 나오는데 이건 나중에 하겠습니다.

Remind me later 클릭

또는 그냥 옆의 Adsense Setup을 바로 눌러주세요.

(한글 버전으로 하셔도 그림을 보시고 위치를 따라가시면 똑같습니다. ^^)

 


이제 광고를 만들 수가 있습니다.


Step3: 광고 생성하기

Adsense Setup (에드 센스 설정) 탭에 가시면 다양한 모양의 광고창들이 보입니다.

 

 

대부분의 사람들이 블로그에 사용할 수 있는 AdSense for Content(콘텐츠용 에드센스)를 클릭합니다.

사실 콘텐츠용 말고는 딱히 사용할 것이 없습니다.

 

광고 설정은 간단해서 시키는대로 옵션을 주욱 선택해 나갑니다.

처음에 광고 단위로 선택하시면 광고 문구가 나가는 박스가 만들어 지고, 링크 단위로 신청하시면 짧은 단어의 링크가 달립니다.


아래의 보시는 것이 링크 광고를 선택한 경우이구요.


이 아래에 보이는 그림이 광고 단위로 선택한 경우입니다.


다음에 크기를 지정하고, 팔레트를 선택하는 옵션을 끝내면 코드를 주는데요.

 

 

이 코드를 복사해서 티스토리에 넣어야 합니다.


Step4: 블로그 스킨에 에드센스 넣기

이걸 티스토리에 한 번 넣어봅니다.


티스토리로 가서 로그인을 한 후 “스킨” 아래의 “Html/CSS 편집”으로 갑니다.

 

일단 이라는 곳을 찾습니다.

Ctrl + F 로 찾으시면 편합니다.

저 박스에 본문글이 들어가기 때문에 본문 위에 두고 싶으면 바로 앞에 넣으시면 됩니다.
저는 본문 코드의 <div>앞에 광고를 넣었습니다.
(지금은 에드 클릭스가 있음)
 

바로 위쪽에 복사해온 코드를 넣습니다.

상황에 따라 <p></p>나  <br>코드를 이용하여 아래 위쪽으로 공간을 조금 줍니다.

<table> 을 사용하면 더 깔끔하게 정리가 됩니다.

 

그러면 본분 상단에 광고창이 뜨게 됩니다.

 

 

본문 하단에 넣을 경우는

포스트 본문 내용이 끝나는 지점을 찾아서 넣습니다.

아까 그 코드의 아래에 넣으면 되지요.

 

제 경우에는 태그 트레일 앞이 되겠네요.

본문 아래, 태그 트레일 앞에 있는 것은 글쓴이 표시입니다.

 

 

미리보기를 하면서 조금씩 위치를 옮겨보면 좋겠네요.

이것으로 구글 에드 센스를 다는데 성공했습니다. !


추가..

이 글 작성으로 부터 한 달 후.. 제가 달고 있는 구글에드센스를 보면서 어떤 것을 선택해야 하는지를 알아봅시다.


위 그림은 현재까지 제가 만들었던 구글 광고들입니다.

처음 광고를 생성할 때 도대체 광고 크기가 얼마라야 되는 건지, 뭘 선택하면 어떤 모양으로 나오는 건지 의아해서 여러가지로 시도해 보고서야 지금의 결과를 낼 수 있었습니다.


사이즈에 따른 광고 예를 좀 보지요.

먼저 468X15 링크 광고 입니다.

코드를 수정해서 길이를 조절할 수 있습니다.


가로 사이즈는 코드 내부의 "google_ad_width = 468;"의 숫자를 바꿔주시면 됩니다.



아래에 보시는 것이 가장 많이 사용되는 300X250 광고입니다.

아래에 응용법을 설명했으니 참고하세요.


저는 사용하지 안지만 사이드 바에 꽤 이쁘게 뜨는 형태의 광고입니다.

160X600 형태입니다.


많은 블로거 분들이 300X250 광고를 가로로 두 개 붙여서 본문 상단에 달고 계십니다.

가로로 붙일 때 그냥 붙이면 익스플로러에서는 깨지는 현상이 나타나서 테이블로 달았습니다.

간단한 html 테그를 이용하는데요.




<table border=0 width=680> - 680은 제 블로그 본문 넓이입니다.

<tr><td>

--왼쪽에 올 구글 광고 소스

</td><td>

-- 오른쪽에 올 구글 광고 소스

</td></tr></table>

하면 간단히 끝납니다.

적용하면

이런 모양과 같이 됩니다.


사이드 바 광고는 이전 글을 참조하셔서 태그 등록기로 사이드 바에 넣으시면 간단히 끝나겠네요.


마지막으로 구글 에드센스는 한 스크린에 5개 이상이 뜨면 마지막 광고가 안나타나는군요.

현재까지의 실험결과로는 그렇습니다.

그럼 다들 즐 애드센스 하세요.




이라는 곳을 찾습니다.

Ctrl + F 로 찾으시면 편합니다.

저 박스에 본문글이 들어가기 때문에 본문 위에 두고 싶으면 바로 앞에 넣으시면 됩니다.
저는 본문 코드의 <div>앞에 광고를 넣었습니다.
(지금은 에드 클릭스가 있음)
 

바로 위쪽에 복사해온 코드를 넣습니다.

상황에 따라 <p></p>나  <br>코드를 이용하여 아래 위쪽으로 공간을 조금 줍니다.

<table> 을 사용하면 더 깔끔하게 정리가 됩니다.

 

그러면 본분 상단에 광고창이 뜨게 됩니다.

 

 

본문 하단에 넣을 경우는

포스트 본문 내용이 끝나는 지점을 찾아서 넣습니다.

아까 그 코드의 아래에 넣으면 되지요.

 

제 경우에는 태그 트레일 앞이 되겠네요.

본문 아래, 태그 트레일 앞에 있는 것은 글쓴이 표시입니다.

 

 

미리보기를 하면서 조금씩 위치를 옮겨보면 좋겠네요.

이것으로 구글 에드 센스를 다는데 성공했습니다. !


추가..

이 글 작성으로 부터 한 달 후.. 제가 달고 있는 구글에드센스를 보면서 어떤 것을 선택해야 하는지를 알아봅시다.


위 그림은 현재까지 제가 만들었던 구글 광고들입니다.

처음 광고를 생성할 때 도대체 광고 크기가 얼마라야 되는 건지, 뭘 선택하면 어떤 모양으로 나오는 건지 의아해서 여러가지로 시도해 보고서야 지금의 결과를 낼 수 있었습니다.


사이즈에 따른 광고 예를 좀 보지요.

먼저 468X15 링크 광고 입니다.

코드를 수정해서 길이를 조절할 수 있습니다.


가로 사이즈는 코드 내부의 "google_ad_width = 468;"의 숫자를 바꿔주시면 됩니다.



아래에 보시는 것이 가장 많이 사용되는 300X250 광고입니다.

아래에 응용법을 설명했으니 참고하세요.


저는 사용하지 안지만 사이드 바에 꽤 이쁘게 뜨는 형태의 광고입니다.

160X600 형태입니다.


많은 블로거 분들이 300X250 광고를 가로로 두 개 붙여서 본문 상단에 달고 계십니다.

가로로 붙일 때 그냥 붙이면 익스플로러에서는 깨지는 현상이 나타나서 테이블로 달았습니다.

간단한 html 테그를 이용하는데요.




<table border=0 width=680> - 680은 제 블로그 본문 넓이입니다.

<tr><td>

--왼쪽에 올 구글 광고 소스

</td><td>

-- 오른쪽에 올 구글 광고 소스

</td></tr></table>

하면 간단히 끝납니다.

적용하면

이런 모양과 같이 됩니다.


사이드 바 광고는 이전 글을 참조하셔서 태그 등록기로 사이드 바에 넣으시면 간단히 끝나겠네요.


마지막으로 구글 에드센스는 한 스크린에 5개 이상이 뜨면 마지막 광고가 안나타나는군요.

현재까지의 실험결과로는 그렇습니다.

그럼 다들 즐 애드센스 하세요.