Banner Javascript Guide
현재 버젼은 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>
소스코드 설명
- 광고를 노출할 위치에 DIV 태그를 삽입 합니다.
- 개발자센터 광고 객체를 선언하여 생성 합니다.
- 광고를 구동하기 위한 기본 세팅을 합니다.
- 광고 영역 DIV ID를 연결하여 광고 노출되는 부분을 연결하는 부분입니다.
Callback 정의
Callback | 설명 |
---|---|
done | 정상적으로 광고가 구동 되었을 경우 호출되는 콜백 함수 입니다. |
fail | 광고 수신이 실패 되었을 경우 호출되는 콜백 함수 입니다. |
adclick | 광고가 클릭 되었을 경우 호출되는 콜백 함수 입니다. |
etc | etc 발생시에 기타 이벤트 콜백 호출하는 부분 입니다. |
noad | MANPLUS 광고서버에 상업 광고 물량이 모두 소진되어 반환하는 Noad 이벤트 입니다. |
close | 전면광고에서 닫기 이벤트입니다. |
chargeable | 과금형태의 대한 이벤트입니다. |