페이지를 열때마다 바뀌는 랜덤배너 만들기

제휴마케팅을 주로 하시는 분들을 보면 스크롤 배너를 제휴마케팅 광고로 이용하고 계시더군요.

제휴마케팅이란 것이 블로그 전체적으로 주제가 명확하고 전문성이 있어야 수익성을 보장할 수 있기 때문에, 굳이 개별 글들의 키워드와 매칭이 필요 없어도 블로그에 들어온 방문객들의 주요 관심사와 매칭이 이루어지기 때문인 것 같습니다.

애드센스나 리얼센스처럼 본문글과 매칭이 되어 여러가지 광고가 나오는 것이 아니기 때문에, 상대적으로 다양한 광고를 하기는 어렵습니다.

이런 경우, 랜덤배너을 이용하여 몇가지 광고를 한 지면에서 나타내는 방법을 사용합니다.

랜덤배너 만들기

랜덤배너는 말 그대로 지정한 갯수의 배너 중 1개가 임의로 나오도록 하는 배너입니다.
좌측의 스크롤 배너에 적용한다면, 제휴마케팅 광고를 1개가 아닌 10개든 20개든 사용이 가능하겠죠.

만드는 방법은 여러가지 있겠지만, 관리하기 가장 편리한 소스가 아래의 소스인 것 같습니다.

<script language="JavaScript">       <!--       function random_imglink(){       var myimages=new Array()       /* 각각의 이미지 경로 지정 */       myimages[1]="이미지 경로 1"       myimages[2]="이미지 경로 2"       myimages[3]="이미지 경로 3"         /* 각각의 이미지 링크 지정 */       var imagelinks=new Array()       imagelinks[1]="링크 경로 1"       imagelinks[2]="링크 경로 2"       imagelinks[3]="링크 경로 3"       var ry=Math.floor(Math.random()*myimages.length)       if (ry==0)       ry=1       document.write('<a href='+'"'+imagelinks[ry]+'"'+' target=_blank><img src="'+myimages[ry]+'" border=0></a>')       }       random_imglink()       //-->      </script>

다른 부분은 손댈 필요 없이 빨간 글씨부분만 변경하여 사용하시면 됩니다.
위의 예는 3개의 배너가 임의로 표시되는 스크립트입니다.

이것을 10개로 늘리고 싶으면, myimages[ ]= 를 10번까지 만들고, imagelinks[ ]= 도 10번까지 만들어 사용하면 됩니다.
즉 얼마든지 많은 배너를 만들어 넣을 수 있다는 것이죠.

오른쪽 마우스가 잠겨 있기 때문에 파일로 소스를 첨부합니다. 다운 받아서 사용하시면 됩니다.

페이지 열때마다 바뀌는 배너.txt