Banner Javascript Guide

1 분 소요

Subeen Son

현재 버젼은 105 입니다.

Sample Project

Bitbucket
git clone https://mezzomedia_adtech@bitbucket.org/mezzomediaadtech/javascript.git

Script 동작 환경

jQuery 추가

MANPLUS의 광고 스크립트는 JQuery 세팅 환경에서 동작합니다.
광고를 적용하실 페이지에 JQuery 스크립트가 없을 경우, 아래의 태그를 삽입합니다.

<script type="text/javascript" src=" http://advimg.ad-mapps.com/sdk/M_PLUS/JS/common/jquery-1.11.3.min.js"></script>

Script 추가

MANPLUS 광고를 추가하고 구동하기 위한 광고 스크립트를 추가합니다.
( 아래 코드와 같이 사용하셔야 내부적인 업데이트 진행 시 편리하게 이용하실 수 있습니다. )

<script type="text/javascript" src=" http://advimg.ad-mapps.com/sdk/M_PLUS/JS/ad/mezzo_SignalPlay_ad.js"></script>

광고 옵션 설정

옵션

옵션 설명 기본값 필수
ssl 배너 request url 호출방식 false Y false : http
true : https
adTarget 배너를 드로잉 할 DIV ID   Y  
adDepth 배너의 z-index값 설정 999999 Y  
publisherCD 발급 받으신 퍼블리셔 코드(Publisher_Code)를 설정 변경 합니다. null Y 발급 받으신 Publisher Code
mediaCD 발급 받으신 미디어 코드(Media_Code)를 설정 변경 합니다. null Y 발급 받으신 Media Code
sectionCD 발급 받으신 섹션 코드(Section_Code)를 설정 변경 합니다. null Y 발급 받으신 Section Code
linkTarget 클릭 시 새창 여부 1 Y 0 : 페이지 이동
1: 새창

광고 페이지 구성

소스코드

<body>
	<div id="banner_test" >
	<!-- AD Area -->	
	</div>
 
	<script type="text/javascript" charset='utf-8'> 
		
		// 1)
		function adStart(top, left, adValue){
		
			// 2)
			var ad = new SignalAD();

			// 3)
			ad.setting({
				ssl : false, 		
				adTarget : adValue, 			
				adDepth : "999999",				
				publisherCD : "Publisher Code", 
				mediaCD : "Media Code", 		
				sectionCD : "Section Code",      
				linkTarget : "1"                
			},
			{
				done : function( status, msg ) {
					console.log("[event] done : "+status+" msg :"+msg);
				},
				fail : function( status, msg ) {
					console.log("[event] fail : "+status+" msg : "+msg);
				},
				adclick : function( status, msg ) {
					console.log("[event] adclick : ( status "+status+" msg : "+msg+" )");
				},
				etc : function( status, msg ) {
					console.log("[event] fail - status : "+status+" msg : "+msg);
				},
				noad : function( status, msg ) {
					console.log("[event] noad - status : "+status+" msg : "+msg);
				},
				close : function( status, msg ) {
					console.log("[event] close - status : "+status+" msg : "+msg);
				},
				chargeable : function( status, msg ) {
					console.log("[event] at type - status : "+status+" msg : "+msg);
				}
			}); 

			// 4)
			ad.start(); 
		}

		adStart('0px', '0px', 'banner_test');

	</script>
</body>

소스코드 설명

  1. 광고를 노출할 위치에 DIV 태그를 삽입 합니다.
  2. 개발자센터 광고 객체를 선언하여 생성 합니다.
  3. 광고를 구동하기 위한 기본 세팅을 합니다.
  4. 광고 영역 DIV ID를 연결하여 광고 노출되는 부분을 연결하는 부분입니다.

Callback 정의

Callback 설명
done 정상적으로 광고가 구동 되었을 경우 호출되는 콜백 함수 입니다.
fail 광고 수신이 실패 되었을 경우 호출되는 콜백 함수 입니다.
adclick 광고가 클릭 되었을 경우 호출되는 콜백 함수 입니다.
etc etc 발생시에 기타 이벤트 콜백 호출하는 부분 입니다.
noad MANPLUS 광고서버에 상업 광고 물량이 모두 소진되어 반환하는 Noad 이벤트 입니다.
close 전면광고에서 닫기 이벤트입니다.
chargeable 과금형태의 대한 이벤트입니다.

예제

샘플

다운로드

업데이트: