카드형 배너 광고
아래 가이드에서는 카드형 배너 광고를 로드하고, 표시하는 방법을 설명합니다.
Last updated
아래 가이드에서는 카드형 배너 광고를 로드하고, 표시하는 방법을 설명합니다.
Last updated
<head>
<script>
// nestads 명령어 큐 생성
window.nestads = window.nestads || { cmd: [] };
window.nestads.cmd.push(() => {
window.nestads
.defineSlot("SAMPLE_MULTIPLE_IMAGE_BANNER_CARD_WEB", [300, 300], "card-banner-ad") // 2. slot 정의
.addService(nestads.pubAds()) // 3. 광고 서비스 설정
.setTargeting("age", 20) // 4. 타겟팅 및 표시 설정
.setConfig({
cardBanner: {
backgroundType: "CUSTOM",
backgroundColor: "#ff0000",
carousel: { // (옵션) 슬라이드 설정
transitionDuration: 300,
displayDuration: 10000,
indicator: {
backgroundColor: "#f0ff07",
},
},
adList: { // (옵션) 리스트뷰 설정
useCustomClickAction: false,
},
},
maxNumberOfAds: 5, // 요청할 광고수 설정
creativeSpecCode: "CARD_BANNER" // 요청할 광고 종류 설정
});
window.nestads.enableServices(); // 7. 광고 서비스 활성화
});
</script>
</head>
<body>
<!--1. 카드형 배너 광고 표시할 영역에 div 생성-->
<div id="card-banner-ad"></div>
<script>
window.nestads.cmd.push(() => {
nestads.display("card-banner-ad");
});
</script>
</body>