블로그

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

e마루 2011. 3. 14. 07:00
제휴마케팅을 주로 하시는 분들을 보면 스크롤 배너를 제휴마케팅 광고로 이용하고 계시더군요.

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

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

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

  랜덤배너 만들기  

랜덤배너는 말 그대로 지정한 갯수의 배너 중 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번까지 만들어 사용하면 됩니다.
즉 얼마든지 많은 배너를 만들어 넣을 수 있다는 것이죠.

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