Blogging/Tips

정신없이 삼일만에 블로그 만들기 세번째 단계: 광고 달기 (1)

depot1 2010. 3. 28. 09:47

처음 광고를 달 때 다음의 사항을 염두에 두었습니다.

1. 어떤 광고가 좋을까?
2. 블로그의 어느 부분에 달까?

1. 어떤 광고가 좋을까?


- 저는
구글 애드센스가 너무 유명하길래 한번 달아보자고 생각했습니다. 
- 여러군데 중에서 올블릿도 한번 달아 보고 싶었습니다. 솔직히 올블릿은 딱히 이유는 없었습니다.
- 제가 미국에 살고 책을 소개하고 싶었기 때문에 미국 아마존도 생각했어요. 저는 책을 아마존을 통해서 사기도 하지만 used book을 아마존을 통해서 팔기도 하거든요. 외국인 가입이 가능하니까 혹시 생각 있으신 분들은 한번 가입해 보세요.
- 다음의 애드클릭스는 가입이 안되네요. 7월에 다시 재개한다고 합니다.

1.1. 가입하기
1) 구글 애드센스
애드센스 홈페이지에 가서 "지금 가입하기" 버튼을 누르시고 가입하시면 돼요. 제가 뭔가 하려면 무지막지 헤매는 스타일인데 헤매지 않게 가이드가 잘 되어 있더라구요. 자신의 블로그 주소를 기입하고 신청을 하면 애드센스로부터 승인 여부를 담은 메일을 받게 됩니다. 저는 하루걸렸어요. 

2) 올블릿 
올블로그 메인화면에 가셔서 "올블로그 가입하기" 버튼을 누르시고 가입하시면 돼요.

3) 아마존
아마존은 amazonassociates로 가셔서 가입하시면 됩니다. 이곳도 승인 메일은 하루만에 받았어요. 아래 그림을 보시면 아시겠지만, 웹사이트에 광고를 하면 그 광고를 보고 고객이 물건을 사게 되고, 그러면 이익을 나눠주마 그런 취지인 것 같습니다. 
참! payment method에서 한국을 선택하시고 "나는 외국에 거주하는 외국인입니다"를 확실히 밝혀주시고 한국 주소를 입력하셔야 Tax ID (Social Security number, 미국에 사는 외국인, 미국인에 대해서 요구합니다)를 요구하지 않습니다. 



2. 블로그의 어느 부분에 광고를 달까?


대부분 본문 속, 옆쪽, 본문 밑에 다는 분들이 많으시더군요. 저는 다 해보기로 했습니다. 



2.1. 사이드바에 광고 달기
아래와 같이 관리자모드로 들어가셔서 스킨->HTML/CSS를 클릭합니다. 들어가 보시면 박스가 두개 있는데, 하나는 skin.html이라는 박스고, 또 하나는 style.css라는 박스에요. 수정은 skin.html을 하시면 됩니다. 


Ctrl과 F를 동시에 누르시면 메뉴바에 검색창이 뜹니다. 여기에 예를 들어 category밑에 광고를 삽입하고 싶으시면, [샵샵(##)_category_list_샵샵(##)]을 찾으시고 바로 밑에 광고를 삽입하시면 됩니다. html은 아래와 같이 수정하시면 돼요.



저는 iNOVE라는 스킨을 사용하는데, 분류목록 앞뒤로 선이 들어가게 되어 있더라구요. 그래서 위와 같이 카테고리 리스트 밑에 살짝 광고를 넣는게 아니라, 아예 카테고리 리스트나 태그 목록처럼 광고삽입이라는 목록을 하나 만들어서 그 속에 광고를 넣었어요. 사이드바가 끝난다는 <느낌표(!)--sidebar fin-->을 검색창에서 찾아서 이것 앞에 광고를 넣을 틀(분류 목록)을 하나 만들었어요.



이렇게 하면, 밑에서 보시는 바와 같이 광고삽입이라는 사이드바가 하나 생깁니다. 이걸 끝어다 태그 밑에 광고가 들어가도록 정렬 시켰습니다.



2.2. 본문 상단에 광고 달기                                                   

이건 사이드바에 광고 달기보다 쉬웠어요. <div class=따옴표(")article따옴표(")> 를 검색창에 치면 딱 하나 나옵니다. 거기에  아래와 같이 삽입합니다. 본문 상단에 광고 넣기에는 두가지 종류가 있는데, 첫번째는 광고를 하나만 삽입하는 경우, 두번째는 상단에 광고 두개를 가로로 삽입하는 경우입니다.

1) 광고를 하나만 삽입하는 경우
그림과 같이 광고를 하나만 삽입하는 경우에는, <div class=따옴표(")article따옴표(")> 를 찾으셔서 광고를 붙이시면 됩니다. 






2) 광고를 두개를 나란히 삽입하는 경우
아래 그림과 같이 광고 두개를 가로로 나란히 붙이기 위해서는 아래와 같이 html을 수정하시면 됩니다.






2.3. 본문 하단에 광고 달기
아래 그림과 같이 본문 하단에 광고를 달 때는

처음 광고를 달 때 다음의 사항을 염두에 두었습니다.

1. 어떤 광고가 좋을까?
2. 블로그의 어느 부분에 달까?

1. 어떤 광고가 좋을까?


- 저는
구글 애드센스가 너무 유명하길래 한번 달아보자고 생각했습니다. 
- 여러군데 중에서 올블릿도 한번 달아 보고 싶었습니다. 솔직히 올블릿은 딱히 이유는 없었습니다.
- 제가 미국에 살고 책을 소개하고 싶었기 때문에 미국 아마존도 생각했어요. 저는 책을 아마존을 통해서 사기도 하지만 used book을 아마존을 통해서 팔기도 하거든요. 외국인 가입이 가능하니까 혹시 생각 있으신 분들은 한번 가입해 보세요.
- 다음의 애드클릭스는 가입이 안되네요. 7월에 다시 재개한다고 합니다.

1.1. 가입하기
1) 구글 애드센스
애드센스 홈페이지에 가서 "지금 가입하기" 버튼을 누르시고 가입하시면 돼요. 제가 뭔가 하려면 무지막지 헤매는 스타일인데 헤매지 않게 가이드가 잘 되어 있더라구요. 자신의 블로그 주소를 기입하고 신청을 하면 애드센스로부터 승인 여부를 담은 메일을 받게 됩니다. 저는 하루걸렸어요. 

2) 올블릿 
올블로그 메인화면에 가셔서 "올블로그 가입하기" 버튼을 누르시고 가입하시면 돼요.

3) 아마존
아마존은 amazonassociates로 가셔서 가입하시면 됩니다. 이곳도 승인 메일은 하루만에 받았어요. 아래 그림을 보시면 아시겠지만, 웹사이트에 광고를 하면 그 광고를 보고 고객이 물건을 사게 되고, 그러면 이익을 나눠주마 그런 취지인 것 같습니다. 
참! payment method에서 한국을 선택하시고 "나는 외국에 거주하는 외국인입니다"를 확실히 밝혀주시고 한국 주소를 입력하셔야 Tax ID (Social Security number, 미국에 사는 외국인, 미국인에 대해서 요구합니다)를 요구하지 않습니다. 



2. 블로그의 어느 부분에 광고를 달까?


대부분 본문 속, 옆쪽, 본문 밑에 다는 분들이 많으시더군요. 저는 다 해보기로 했습니다. 



2.1. 사이드바에 광고 달기
아래와 같이 관리자모드로 들어가셔서 스킨->HTML/CSS를 클릭합니다. 들어가 보시면 박스가 두개 있는데, 하나는 skin.html이라는 박스고, 또 하나는 style.css라는 박스에요. 수정은 skin.html을 하시면 됩니다. 


Ctrl과 F를 동시에 누르시면 메뉴바에 검색창이 뜹니다. 여기에 예를 들어 category밑에 광고를 삽입하고 싶으시면, [샵샵(##)_category_list_샵샵(##)]을 찾으시고 바로 밑에 광고를 삽입하시면 됩니다. html은 아래와 같이 수정하시면 돼요.



저는 iNOVE라는 스킨을 사용하는데, 분류목록 앞뒤로 선이 들어가게 되어 있더라구요. 그래서 위와 같이 카테고리 리스트 밑에 살짝 광고를 넣는게 아니라, 아예 카테고리 리스트나 태그 목록처럼 광고삽입이라는 목록을 하나 만들어서 그 속에 광고를 넣었어요. 사이드바가 끝난다는 <느낌표(!)--sidebar fin-->을 검색창에서 찾아서 이것 앞에 광고를 넣을 틀(분류 목록)을 하나 만들었어요.



이렇게 하면, 밑에서 보시는 바와 같이 광고삽입이라는 사이드바가 하나 생깁니다. 이걸 끝어다 태그 밑에 광고가 들어가도록 정렬 시켰습니다.



2.2. 본문 상단에 광고 달기                                                   

이건 사이드바에 광고 달기보다 쉬웠어요. <div class=따옴표(")article따옴표(")> 를 검색창에 치면 딱 하나 나옵니다. 거기에  아래와 같이 삽입합니다. 본문 상단에 광고 넣기에는 두가지 종류가 있는데, 첫번째는 광고를 하나만 삽입하는 경우, 두번째는 상단에 광고 두개를 가로로 삽입하는 경우입니다.

1) 광고를 하나만 삽입하는 경우
그림과 같이 광고를 하나만 삽입하는 경우에는, <div class=따옴표(")article따옴표(")> 를 찾으셔서 광고를 붙이시면 됩니다. 






2) 광고를 두개를 나란히 삽입하는 경우
아래 그림과 같이 광고 두개를 가로로 나란히 붙이기 위해서는 아래와 같이 html을 수정하시면 됩니다.






2.3. 본문 하단에 광고 달기
아래 그림과 같이 본문 하단에 광고를 달 때는 를 찾으셔서 html을 아래와 같이 수정해 주시면 됩니다.



이렇게 해서 html의 수정이 끝났습니다.

잘 모르겠다 싶으시면, 첨부파일 참조하세요. 지금 제 티스토리에 보이는 대로 광고를 달기 위한 html입니다. 자신의 블로그에 맞게 수정하신 뒤 붙여주시면 되겠습니다.

반응형
를 찾으셔서 html을 아래와 같이 수정해 주시면 됩니다.




이렇게 해서 html의 수정이 끝났습니다.

잘 모르겠다 싶으시면, 첨부파일 참조하세요. 지금 제 티스토리에 보이는 대로 광고를 달기 위한 html입니다. 자신의 블로그에 맞게 수정하신 뒤 붙여주시면 되겠습니다.

반응형