관리 메뉴

삶을 누리는 디비누스

구글 애드센스 - 광고 Google AdSense - Ads 본문

컴퓨터/블로그

구글 애드센스 - 광고 Google AdSense - Ads

케일럽 2012.04.26 14:45

블로그를 시작했으니 이왕 하는거 광고도 삽입해서 수익을 창출하는 것은 어떨까요?
now that i have a blog... why not make money while at it?

얼마나 들어올까 하기도 하지만... 광고가 없으면 너무 수수하고 티스토리와 함께 오는 애드박스의 위치는 영... 
who knows how much i will make... but without adds, the post looks empty and plain... and the view adbox by daum looks strange by itself...

제 포스트에서 보심과 같이 다음 애드박스가 포스트 상단 오른쪽을 차지하고 그 위쪽 공간을 비워두는 대신 구글 광고를 삽입했습니다... 
as you can see on my post... daum view adbox is on the top right corner while google ad is on the top left corner...

그러면 상단 왼쪽 공간을 살리면서 광고도 하나 더 추가한거죠... 한마디로 일석이조... >,<
this will essentially save the space on the top left while adding additional source of income! killing two birds with a stone... >,<

그러면 어떻게 추가하는지 알아볼까요?
so... lets find out how to add one...

미리 설정할 것들
To prepare

1. 일단은 구글 계정이 있어야 하니.. 없으면 얼른 가서 만들고 오세요!
1. you must have a google account... if you dont have it... go make it!

2. 제 포스트와 같이 다음 앤드박스도 추가하셔야 겠죠? 없어도 별 상관은 없습니다만... 방법은... 티스토리 '관리자 모드'에서 '플러그인 설정' > 'view 애드박스'에서 체크하시고 '사용'하기 하시면 됩니다.
2. you gotta add view adbox as well... you dont really need it but for those of you who wants it... well... its in Korean... hah...

구글 애드센스 만들기
Making google AdSense

1. 아래 사이트로 가서 '지금 가입하기' 클릭하세요~
https://www.google.com/adsense/v3/app?hl=ko#home
1. Goto the following site and click 'Register Now'
https://www.google.com/adsense/v3/app?hl=en#home

2. 화면상 정보를 입력하시고 '정보 제출'!
2. Enter all your info and 'Submit'!

3. '내 광고'에서 '새 광고 단위'를 클릭하세요~
3. Under 'My Ads', click 'New ad unit'...

이름은 원하시는 대로...
Name it anything you want...

크기는 제가 사용하는 스킨에 한에서 '250 x 250 - 정사각형'으로 선택했습니다.
For size, i chose '250 x 250 - Square' which will fit my current skin...

광고 유형도 원하는 모양 선택하세요... 그림만 있는것도 글씨만 있는 것도 있고... 랜덤도 있습니다!
select type of ads... some have pictures... text only or random!

다른 설정 바꿀 것은 없습니다~ 스킨대로 색상 맞치고 싶으시면 수정하시구요...
dont need to edit others... only if you want to change color settings to match your skin...

4. '저장 및 코드 생성'하시면 다음과 같은 코드가 생성됩니다... 빨간 박스는 개인 코드니 공개 않했습니다... 
4. When you 'Save & Get Code', you will see the following code... the red box is my personal code...

블로그에 삽입하기
Inserting to your blog

1. 일단 제가 티스토리를 사용하고 있으니 티스토리 기준으로 하겠습니다...
1. Since i am using tistory... I will set it as example...

2. '스킨' > 'HTML/CSS 편집'으로 들어가세요...
2. Goto 'Skin' > 'HTML/CSS Edit'...

3. 포스트 내용이 시작하는 위치를 찾으세요... 티스토리 치환자 '_article_rep_desc_' 찾으시면 됩니다...
3. Look for where content of your post starts... should be '_article_rep_desc_' tistory code

4. '_article_rep_desc_' 치환자 위쪽으로 다음과 같이 삽입하세요...
4. insert the following to the top of the '_article_rep_desc_' code...

<!-- 구글 ad -->

<div align="center" style="float:left; width:264px;height:288px"> 

XXX

</div>

<!-- 구글 ad 끝 --> 

5. 위 XXX 부분에 아까 구글에서 받은 코드를 삽입하시면 됩니다! 저와 같은 스킨을 사용하신다면 제 포스트 상단처럼 맞아 떨어지지만 다른 스킨이면... 여러 가지 문제가 있을 수 있죠... 글씨가 이상한 위치에서 시작한다거나 광고가 딴 공간으로 갔다거나... 위 div 안에 있는 width 와 height를 조절해 주시면 원하시는 효과가 나올 듯 하네요!
5. Replaced the XXX with the code you got from google... if you are using the same skin as me... it should fit in nicely... but if you are using some other skin... there could be whole range of problems... the context text could start at awkward place... the ad showing up some place else... just edit the width and height values within the div to get the desired effect...

처음에 받은 코드는 단 한번만 사용하세요... 저처럼 광고를 더 추가하고 싶으시면 구글 애드센스 '내 광고'에 들어가서 '새 광고 단위'로 더 추가하시고 원하시는 위치에 삽입하시면 됩니다...
the google ad code is to be used once only... if you want to add more adds like how i did... just go back to 'My ads' and create new ad units... and insert to desired location...

너무 많은 광고는... 방문자에게 피해를 끼친다는거 잊지마세요!
just remember... too many ads will drive the visitors away!

그럼 여기까지 구글 앤드센스 추가 방법이었습니다!
This is how to add google adsense to your blog!

그럼 평안하세요~
Hope you got it working!




댓글 4건 | 트랙백 1
댓글 쓰기 폼