구글 애드센스 팁(Google AD Sense Tip)
구글 애드센스를 달아놓은 블로그들이 부쩍 늘었습니다. 저 역시도 구글 애드센스를 달아놨습죠. 애드센스를 처음 단 순간부터 최근까지 적절한 위치와 크기를 고민하다가 결국 얼마 전에 많은 블로거분들이 사용하시는 형태(위에 보이는 형태죠)로 최종 결정했습니다.
근데 이렇게 광고를 두 개 달아 놓으니까 아래 문제가 좀 있더라구요. (아래 캡쳐 사진은 레이님 블로그에서 캡쳐했습니다.)
하지만 뭐가 문제인지 요놈이 위와 같은 모양으로 출력이 될 때도 있고, 왼쪽 캡쳐 사진같이 출력이 될 때도 있더라구요. 사실 크게 문제 될 것은 없습니다만 보기에 안좋고 뭔가 어긋나 버린 듯한 찝찝함이 남습니다. ㅎㅎ
html을 잘 다루시는 분들이야 식은죽 먹기로 바로 해결 하시겠지만 저 같은 초짜 블로거들은 html을 다루기가 쉽지 않지요.
따라서 저 문제를 해결하기 위한 간단한 html 소스를 알아볼까 하고 포스팅을 합니다.
바로 몇 줄 전에 말 했듯이 저는 html을 잘 다루지 못 합니다. 어렸을 때(고등학교 다닐 때?) 그냥 marquee태그가 신기해서 깝죽대본 정도가 다지요. 그래서 이 방법이 최선의 방법인지는 알지 못 하지만 그래도 제가 써보니 광고 출력은 제대로 되더라구요. ^^
그럼 그 방법에 대해서 자세히 알아보도록 하겠습니다.
일단 블로그의 html소스 수정 창으로 가서 구글 애드센스의 스크립트가 적혀있는 곳을 찾습니다. (이 것은 본인이 직접 설치 했을테니 잘 아실거라 생각합니다.)
그 스크립트는 대~충 다음과 같이 생겼죠.
<script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxxxxxxxx";
/* xxxxxxx, 작성됨 xx. x. xx */
google_ad_slot = "xxxxxxxxxx";
google_ad_width = xxx;
google_ad_height = xxx;
//-->
</script>
<script type="text/javascript"
src="http://xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx">
</script>
광고를 두 개 나란히 출력하도록 설정을 했으니 저 스크립트가 연달아 두 개 있을 것입니다.
헌데 저렇게 설치를 해 놓으신 분들은 아시겠지만 앞에 말한대로 두번째 캡쳐 사진처럼 출력이 될 때가 더 많습니다. (제 PC는 Windows Vista Ultimate K, IE 7입니다.)
이 문제를 간단한 테이블 태그를 이용해서 아주 쉽게 해결할 수 있습니다.
<center>
<table border=0>
<tr><td>
<center>
<script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxxxxxxxx";
/* xxxxxxx, 작성됨 xx. x. xx */
google_ad_slot = "xxxxxxxxxx";
google_ad_width = xxx;
google_ad_height = xxx;
//-->
</script>
<script type="text/javascript"
src="http://xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx">
</script>
</center>
</td>
<td>
<center>
<script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxxxxxxxx";
/* xxxxxxx, 작성됨 xx. x. xx */
google_ad_slot = "xxxxxxxxxx";
google_ad_width = xxx;
google_ad_height = xxx;
//-->
</script>
<script type="text/javascript"
src="http://xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx">
</script>
</center>
</td></tr></table></center>
<BR>
center 태그는 말 그대로 가운데 정렬 시키기 위해 넣어준 거구, table태그는 커다란 박스 하나를 만드는 태그입니다. 거기다가 tr, td태그를 이용해 커다란 박스를 2x1로 만든 html소스입니다. 그 박스 안에다가 광고 스크립트를 껴 넣어 광고를 강제로 그 안에서만 출력되게 고정한 것이지요. 아주 쉽지 않습니까? 혹시 이와 같은 문제를 가지고 계신 분은 단 몇 개의 단어를 입력하는 것으로 더욱 깔끔한 구조의 블로그를 꾸미실 수 있을거라 생각이 됩니다~^^
'Informa[T]ion! > Computer' 카테고리의 다른 글
| 티스토리 초대장 드려요 [마감] (46) | 2009/09/07 |
|---|---|
| 윈도우 7 정품인증 ㅠㅠ (26) | 2009/09/03 |
| 구글 애드센스 팁(Google AD Sense Tip) (20) | 2009/02/12 |
| 놋북 고쳤어요 (6) | 2009/01/31 |
| 윈도우 7(Windows 7)을 깔았어요 (30) | 2009/01/03 |
| [종료] 신년맞이 초대장 배포 (40) | 2009/01/01 |
Comment List
2009/02/12 17:55
잘보고 가요..ㅎ
2009/02/12 18:06
도움이 되셨다니 다행이네요~ 감사합니다~
2009/02/12 20:41
html,태그 초짜라 그냥 넘어갔었는데 드디어 제대로 고쳤네요 ㅎㅎ
이래서 블로그뉴스를 하루도 거르면 안된다니까요
좋은정보 감사합니다^^
2009/02/13 17:33
이같은 문제로 고민하시는 분들이 꽤 많으시더라구요?ㅎㅎ
2009/02/13 14:40
2009/02/13 17:33
모르셔도 됩니다~ ㅋㅋ
2009/02/13 17:58
즐거운 발렌타인 데이 되세요^^
2009/02/13 18:05
2009/02/15 02:12
ㅋㅋㅋㅋㅋㅋㅋ
감사해요 이런 보배로운;ㅅ;ㅅ;ㅅ; 팁;ㅅ;ㅅ; 당장 사용할게용;ㅅ;ㅅ;ㅅ;
2009/02/15 02:20
간단한거라 혼자 적용해서 쓰고있었는데 요 문제로 고민하시는 분이 많으시더라구요~ㅎㅎ
2009/02/21 01:11
이렇게해서 table만 먹였던걸 손쉽게 배치했어요.
탱쟈님께 감사드린다능!
2009/02/22 00:44
2009/02/24 11:50
수익이 좋은데, 생각같이 클릭도 많이 안늘어나고~
단가도 낮네요 ^^; 그래도 가끔 생각지도 않은 용돈 생겨서 좋아요^^
2009/02/24 20:03
근데 가끔 생각지도 않은 용돈이라.....
전 아직까지 한번도 못받아봤는데 ㅋㅋ
그리구 더 우울한건 100불 되려면 한참 멀었다능 ;;
2009/03/08 10:42
2009/03/08 12:42
그냥 광고 스크립트를 연속으로 썼더니 가로로 나올때도 있고 세로로 나올때도 있고 하더라구요~
그래서 테이블 태그를 이용해 해결했다는 포스팅이었습니다~
댓글 감사합니다^^
2009/04/14 09:25
페이지를 찾을 수 가 없습니다<- 라는 창이 뜨면서
광고는 안보이고 창만 보이는데요..
도대채 뭐가 문제인지 모르겠습니다
혹시 아시나 해서 조용히 여쭈어 봅니다
2009/04/14 12:21
원래 한 5분 정도 지나야 적용이 됩니다~
2009/04/14 12:40
감사합니다!
자주 들릴께요~
2009/04/14 13:46