본문 바로가기

[자바스크립트] 랜덤 텍스트 줄 광고용

2021. 2. 7. 댓글 0

텍스트 줄 광고를 랜덤으로 보여주고 싶을 때 사용하면 유용한 자바스크립트 코드 입니다.

 

운영 중인 사이트 게시판 상단에 줄광고를 넣고 싶은데 이왕이면 사람들이 접속할 때마다 다른 광고를 노출하고 싶었습니다. 그래서 구글링해서 찾은 소스 입니다.

 

아래와 같이 만들어서 게시판 상단에 노출되게 했습니다.

 

실제 적용한 사이트:

url.kr/g5/bbs/board.php?bo_table=clean0_0site_0zl3l

 

단축URL-링크주소 줄이기, url 단축 서비스

긴 링크주소 url을 짧게 줄여 주는 단축URL 서비스 입니다.

url.kr

 

<!-- Board TOP AD[S] -->
<center>
<script language="JavaScript" type="text/JavaScript">
	var banner=new Array();
	banner[0]="<a href='#' target='_blank' rel='noopener noreferrer'>[AD] 이벤트/프로모션 <span style='background-color:#FFF880;color:#BF0000;font-weight:bold;'>아이폰 SE/11 시리즈 빅 세일</span></a>";
	banner[1]="<a href='#' target='_blank' rel='noopener noreferrer'>[AD] 이벤트/프로모션 <span style='background-color:#FFF880;color:#BF0000;font-weight:bold;'>마이크로소프트 서피스 시리즈 기획전</span></a>";
	banner[2]="<a href='#' target='_blank' rel='noopener noreferrer'>[AD] 이벤트/프로모션 <span style='background-color:#FFF880;color:#BF0000;font-weight:bold;'>설 선물세트 특가</span></a>";
	
	var random_banner=Math.floor(Math.random()*(banner.length));
</script>

<script>document.write(banner[random_banner]);</script>
</center>
<!-- Board TOP AD[E] -->

 

 

오늘도 내가 필요한 생활코딩을 찾아서 적용까지 마쳤습니다.

◀ 함께보면 유용한 글 ▶

◀ 댓글 ▶ 0