|
|
|
제 블로그를 보시면 포스트 내용 중간 오른쪽에 박스형태의 광고가 삽입 되어 있습니다. 이 구글 애드센스 삽입은 takeone Google Adsense Plugin 0.20 (http://retro.tattertools.com/ko/bbs/view.php?id=plugin&no=575) 라는 플러그인으로 만든것인데 티스토리에서도 이와 같은 박스 형태의 광고 노출이 가능합니다. 다만 약간의 소스 수정이 필요하죠.
먼저 광고 제공 사이트(구글 애드센스, 다음 애드클릭스, 올블릿 등)에 들어가 광고 설정으로 들어 가신 후 박스 형태의 광고 소스를 받습니다. 다음 애드 클릭스는 특별히 박스 형태의 광고가 없습니다. 세로 3~4개짜리 광고를 선택 하시면 됩니다. 일단은 이 소스를 메모장에 붙여 놓습니다.
이제 티스토리 접속 후 관리모드로 들어가 스킨 - HTML/CSS편집으로 들어 갑니다.
이제 skin.html에서 <div class="article"> 와 의 사이에 소스를 넣습니다.
소스를 넣는 방식은 다음과 같습니다.
첫번째 방법 : div 소스 이용하기
<div style="margin-top:0px; padding-left:5px; float:right; width:가로사이즈px; position: static;">
//광고 소스//
</div>
//광고 소스//
</div>
예제를 볼까요?
<div style="margin-top:0px; padding-left:5px; float:right; width:300px; position: static;">
<script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxxxxxxxx";
google_alternate_ad_url = "http://www.17dae1.com/link.html";
google_ad_width = 300;
google_ad_height = 250;
google_ad_format = "300x250_as";
google_ad_type = "text_image";
//2007-09-18: 17dae1.com - center 300pixel
google_ad_channel = "9694521748";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "C94093";
google_color_text = "215670";
google_color_url = "008000";
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxxxxxxxx";
google_alternate_ad_url = "http://www.17dae1.com/link.html";
google_ad_width = 300;
google_ad_height = 250;
google_ad_format = "300x250_as";
google_ad_type = "text_image";
//2007-09-18: 17dae1.com - center 300pixel
google_ad_channel = "9694521748";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "C94093";
google_color_text = "215670";
google_color_url = "008000";
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
아래의 빨간색 부분은 광고가 오른쪽으로 붙게 하는 소스이고 회색 소스는 광고 소스입니다.
두번째 방법 : table 소스 이용하기
테이블 소스를 이용하는 방법의 출처는 http://pmice.tistory.com/79 에서 가져 왔습니다.
<table width="가로사이즈" height="세로사이즈" align="right" border="0" cellpadding="0" style='background-image;url();background-repeat;no-repeat;'>
<tr>
<td valign="top" style='padding-top:0px; padding-left:5px;'>
//광고 소스//
</td>
</tr>
</table>
<tr>
<td valign="top" style='padding-top:0px; padding-left:5px;'>
//광고 소스//
</td>
</tr>
</table>
예제를 볼까요?
<table width="250" height="250" align="right" border="0" cellpadding="0" style='background-image;url();background-repeat;no-repeat;'>
<tr>
<td valign="top" style='padding-top:0px; padding-left:5px;'>
<script type="text/javascript">
var adv_random = Math.random() * 10000;
var adv_width = '250';
var adv_height = '250';
var adv_key = 'xxxxxxxxxx' + adv_random;
var adv_channelid = '57842';
var adv_ad_align_type = '1';
var adv_lo_border = 'ACD372';
var adv_lo_background = 'FFFFFF';
var adv_lo_adtitle = 'EE105A';
var adv_lo_addesc = '0072BC';
var adv_lo_adurl = '00A650';
var adv_adno = '3';
var adv_bg_img = 'skin001';
var adv_ui_type = 'M';
</script>
<script type="text/javascript" src="http://adclix.daum.net/js/ctx_adclix3.js"></script>
<script type="text/javascript">
getAdClixAD('xxxxxxxxxxx' + adv_random);
</script>
</td>
</tr>
</table>
<tr>
<td valign="top" style='padding-top:0px; padding-left:5px;'>
<script type="text/javascript">
var adv_random = Math.random() * 10000;
var adv_width = '250';
var adv_height = '250';
var adv_key = 'xxxxxxxxxx' + adv_random;
var adv_channelid = '57842';
var adv_ad_align_type = '1';
var adv_lo_border = 'ACD372';
var adv_lo_background = 'FFFFFF';
var adv_lo_adtitle = 'EE105A';
var adv_lo_addesc = '0072BC';
var adv_lo_adurl = '00A650';
var adv_adno = '3';
var adv_bg_img = 'skin001';
var adv_ui_type = 'M';
</script>
<script type="text/javascript" src="http://adclix.daum.net/js/ctx_adclix3.js"></script>
<script type="text/javascript">
getAdClixAD('xxxxxxxxxxx' + adv_random);
</script>
</td>
</tr>
</table>
아래의 빨간색 부분은 광고가 오른쪽으로 붙게 하는 소스이고 회색 소스는 광고 소스입니다. 광고 본문에 삽입한 예제
'노출 광고 이야기' 카테고리의 다른 글
| 애드센스의 새로운 기능 발견 (0) | 2007/12/21 |
|---|---|
| 애드센스 수입 많이 떨어지셨나요? (0) | 2007/12/19 |
| 본문에 광고 배치 (애드센스, 애드클릭스, 올블릿 등) 하는 방법 (2) | 2007/11/06 |
| 첫번째 구글수표 환전기 (기업은행 환전) (6) | 2007/11/02 |
| 첫번째 구글수표를 받다 (6) | 2007/11/02 |
| 구글광고 클릭당 단가가 떨어지고 있다. (0) | 2007/10/29 |
 |
TAG div 소스,
table소스,
광고 삽입,
광고 오른쪽 배치,
구글애드센스,
다음 애드클릭스,
본문에 광고,
본문에 넣기,
본문에 노출광고,
본문에 애드클릭스,
분문에 에드센스,
올블릿,
티스토리 광고,
티스토리 본문에
댓글을 달아 주세요
와.. 좋은 정보 감사합니다 ^^
나중에 꼭 써먹어봐야겠네요
친구가 미래에셋에서 일하는 애가 있어서 그놈 통해서
저도 펀드 드려고 생각하는데 멀 들어야 할지 고민중이에요 ^^;
아 일단 정보부터 수집을 해야겠지요.. 정보 수집...
고맙게도..mbc의 경제야놀자에서는 펀드에 관한 정보가 많더군요^^
제가 그다지 펀드에 대해 많이 아는건 아니지만 '경제야놀자'코너에서는 다소 안정성이 높은 펀드가 주로 소개 되더라구요.
저는 성격상 안정성보다는 수익성이 스릴감 있어서 좋습니다.ㅎㅎ