주요 함수

광고 Web Script 주요 함수 설명

HTML CustomElement

HTML CustomElement 적용을 통해 광고 화면을 보여줌

Code Sample

<dexops-ads-view></dexops-ads-view>

파라미터	설명	필수 여부
data-channel	채널	필수
data-section	섹션	필수
data-slot	슬롯	필수
data-top-margin	상단 마진 (기본값 0)	옵션
data-bottom-margin	하단 마진 (기본값 0)	옵션
data-left-margin	좌측 마진 (기본값 0)	옵션
data-right-margin	우측 마진 (기본값 0)	옵션

---

DeXOps.bannerView

Javascript 함수 호출을 통해 광고 화면을 보여줌

Code Sample

const channel = 0;
const section = 0;
const slot = 0;
const bannerOptions = {top: 0, left: 0, bottom: 0, right: 0};

DeXOps.bannerView(document.getElementById('parent'), channel, secton, slot, bannerOptions)
.then(function (resolve) { console.log(resolve) } )
.catch(function (reject) { console.log(reject) });

파라미터

파라미터	설명	타입	필수여부
parentElement	광고가 위치할 HTML Element	HTML Element	필수
channel	채널	Number	필수
section	섹션	Number	필수
slot	슬롯	Number	필수
bannerOptions	마진 정보	JSON	옵션

---

DeXOps.bannerInfo

javascript 함수 호출을 통해 광고 구성에 필요한 정보를 JSON 형태로 전달 (Custom이 필요한 경우 해당 정보를 통해 광고 화면을 구성)

Code Sample

const channel = 0;
const section = 0;
const slot = 0;

DeXOps.bannerInfo(channel, section, slot)
.then(function(resolve){ })
.catch(function(reject){ });

파라미터

파라미터	설명	타입	필수여부
channel	채널	Number	필수
section	섹션	Number	필수
slot	슬롯	Number	필수

응답정보

{
    "adsNo": 0,                 //광고 고유 번호
    "backgroundColor": null,    //배경색깔 #00000000 (ARGB)
    "channel": 0,               //채널 고유 번호
    "clickUrl": "",             //광고 Click URL
    "cmpNo": 0,                 //캠페인 고유 번호
    "ctaNoList": [],            //CTA Number List
    "groupNo": 0,               //광고 그룹 넘버
    "imgUrl": "",               //광고 이미지 URL 
    "impUrl": "",               //광고 노출 URL 
    "landingUrl": "",           //광고 랜딩 URL 
    "landingUrlTitle": "",      //광고 랜딩 타이틀
    "script": "",               //javascript 
    "section": 0,               //섹션 고유 번호 
    "slot": 0,                  //슬롯 고유 번호
    "slotHeight": 0,            //슬롯 높이
    "slotWidth": 0,             //슬롯 넓이
    "style": "",                //CSS style
    "template": "",             //광고 HTML
    "templateButtionList": [
        {
            "elementId": "",    //Button ID 속성 값
            "text": "",         //Button Text
            "type": "",         //Button Click Action Type
            "font_color": "",   //Button Font 색깔
            "background_color": ""    //Button 배경 색깔
        }
    ],                          //광고 Button 정보
    "viewType": 1               //광고 형태
}