구글 애드센스 광고 블로그에 달기2 - 소스만들기



언젠가는 구글 애드센스도 다뤄봐야겠다 생각은 하고 있었는데
한 블로거 분께서 댓글로 문의를 주셨는데 댓글로 답을 해드리려니 깝깝해서
갑작스럽게 구글 애드센스를 포스팅합니다.

제가 궁금해 하시는 점을 잘 이해하고 이 포스팅이 그 답이 될수있는지 모르겠는데
만약 다른 궁금증이시라면 다시 문의주시기 바랍니다.

제가 이해하기로는 구글애드센스 가입은 하셨는데 광고단위를 만들고 그 광고 소스를
블로그에 삽입하는 방법에 관해 궁금해하시는 것으로 알고 그에 대한 답을 드립니다.

저도 애드센스 시작할때 막혔던 부분이었습니다.

구글 애드센스 광고만들기 - 몇개를 배치할 것인가 1

최상단의 배치는 애드센스의 가장 큰 광고가 336x280 인데 이 광고를 배치할 때 공간상 1~2개가 적당합니다.

아래처럼 좌,우측에 구글 애드센스 336x280 두개와 가운데 리얼클릭 리얼센스 183x254 1개의 3개를 배치해 봤습니다만
오른쪽 애드센스광고 하나가 약간 잘려서 가운데 리얼센스를 뺐습니다.



배고파요 ㅠ,.ㅠ
살것같네 쌩유~~~
밥주세요
↓↓




구글 애드센스 광고만들기 - 몇 개를 배치할 것인가 2

그러면 아래처럼 중앙에 두개의 애드센스 광고가 배치됩니다. 물론 좌우로 공간은 남습니다.
중앙에 하나만 배치할 수도 있는데 두가지를 해보고 광고효과가 좋은 방법으로 하시면 되겠습니다.



 


구글 애드센스 광고만들기 - 광고단위는 다른것으로 해야 하는가?

지난시간에 구글애드센스에서 광고단위를 만들고 광고코드를 복사해 봤습니다.
두개의 광고배치를 할텐데 각각 다른광고단위를 넣어야 하는가?
실험상으로는 같은 광고단위여도 노출은 됩니다.
즉 같은 광고코드를 두번 사용해도 상관 없다.(노출면에서는)



 


구글 애드센스 광고만들기 - 테이블 태그로 광고 정렬하기 1

지난시간에 구글애드센스에서 광고 코드를 복사했습니다.
<!-- 바로 아래부터
---------------------------------------------------------------------------------------
<script type="text/javascript"><!--
google_ad_client = "ca-pub-908
****6569091";
/* 최상단 */
google_ad_slot = "6522****831";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

<script type="text/javascript"><!--
google_ad_client = "ca-pub-908
****6569091";
/* 최상단 */
google_ad_slot = "6522****831";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

-----------------------------------------------------------------------------------------
바로 위까지 -->
위 파란 글 부분입니다.

이것은 같은 광고단위("최상단") 두개를 넣은 예입니다.
이것을 블로그에 그대로 삽입해 보면
좌측 정렬이 되어 오른쪽에 붉은 박스처럼 여백이 생깁니다.

이 여백을 없애고 가운데로 정렬시켜 보기 좋게 만들기 위해 테이블 태그를 사용합니다.

 



구글 애드센스 광고만들기 - 테이블 태그로 광고 정렬하기 2(before, after)

테이블 태그를 이용해 광고를 정렬하면

<!-- 테이블로 정렬
------------------------------------------------------------------------------------------
<table align="center" width="100%">
<tbody>
<tr>
<td align="right">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-90868******9091";
/* 최상단왼쪽 */
google_ad_slot = "550****895";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td>
<td align="left">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-90868****9091";
/* 최상단오른쪽 */
google_ad_slot = "950****368";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td>
</tr>
</tbody>
</table>
-------------------------------------------------------------------------------------------------
테이블로 정렬-->

파란글자가 정렬을 위한 테이블 태그입니다. 검은 글자가 애드센스 코드이구요.

여기서는 두개가 다른 광고단위(최상단왼쪽, 최상단오른쪽)를 사용했습니다.
같은 광고단위를 사용하더라도 같은 모습으로 보입니다.

결과를 보면 아래처럼
우측에 쏠렸던 여백을 좌우로 분산시키고 광고 두개를 가운데로 모았습니다.
(왼쪽 광고는
right를 써서 오른쪽 정렬을 오른쪽 광고는 left를 써서 왼쪽 정렬을)
위 태그에서 center를 right, left 등으로 변경해 보시면 다양하게 응용하실 수 있습니다.

위 이미지가 정렬된 상태이고 아래 이미지가 정렬하기 전 입니다.



 


이제 이 모양대로 블로그에 삽입해 보겠습니다.

소스(table.txt)를 올려드립니다.
쉬운태그라 아시겠지만 필요하신 분은 가져가세요^^

다음 시간에 위 소스를 블로그에 넣어 보겠습니다.
관련글
YOUR COMMENT IS THE CRITICAL SUCCESS FACTOR FOR THE QUALITY OF BLOG POST
  1. Favicon of https://jagto.tistory.com BlogIcon 작토 2012.01.18 20:27 신고  댓글주소  수정/삭제  댓글쓰기

    오오..나중에 트래픽이 많아지면 써봐야겠어요.. 지금은 완전 생초보라 ㅠ

  2. Favicon of https://thejazz.tistory.com BlogIcon 강건 2012.01.18 20:56 신고  댓글주소  수정/삭제  댓글쓰기

    뭔가 어렵네요..ㅠ