배너

Targetpick 띠 배너, 전면 배너, 전면 동영상 광고 상품을 Script를 통해 하이브리드 형식으로 구현하기 위한 가이드 입니다.

PreviousJava Script(Hybrid)Next동영상

Last updated 7 months ago

배너

Targetpick 띠 배너, 전면 배너, 전면 동영상 광고 상품을 Script를 통해 하이브리드 형식으로 구현하기 위한 가이드 입니다.

지원 상품(사이즈)

상품 구분

사이즈

띠배너

300x50 ㅣ 320x50 ㅣ 320x100 ㅣ 640x240 ㅣ 640x100 ㅣ 728x90

전면배너

640x960 ㅣ 320X480 ㅣ 480x320 ㅣ 1024x768 ㅣ 750x1200 ㅣ 768x1024

종료배너

640x960 ㅣ 750x1200

정사각형 및 직사각형

200x200 ㅣ 240x400 ㅣ 240x240 ㅣ 250x250 ㅣ 250x360 ㅣ 300x250 ㅣ 336x280 ㅣ 150x150 ㅣ 580x400

스카이스크래퍼

120x600 ㅣ 160x600 ㅣ 300x600 ㅣ 300x1050

리더보드

468x60 ㅣ 728x90 ㅣ 930x180 ㅣ 970x90 ㅣ 970x250 ㅣ 980x120

네이티브 피드

640x960

네이티브 피드 배너

320x100 ㅣ 320x50

스플래시

1200x1000

Sample Project

Script 동작 환경

Script 추가

TARGETPICK 광고를 추가하고 구동하기 위한 광고 스크립트를 추가합니다.

( 아래 코드와 같이 사용하셔야 내부적인 업데이트 진행 시 편리하게 이용하실 수 있습니다. )

<script type="text/javascript" src="https://advimg.ad-mapps.com/sdk/js/ver/3.0.0/ad_script.min.js" charset="utf-8"></script>

하이브리드 앱

네이티브 앱 환경에서 웹뷰를 이용하여 광고 스크립트를 연동하는 경우 앱/단말기 옵션을 추가합니다.

옵션

함수

옵션

설명

상품

기본값

필수

값

mezzoAdApp

publisher

퍼블리셔 코드

전체

mezzoAdApp

media

미디어 코드

전체

mezzoAdApp

section

섹션 코드

전체

mezzoAdApp

uAgeLevel

User 나이 레벨

전체

0: 만 13세 이하 1: 만 13세 이상

mezzoAdApp

keyword

키워드 값 전달

전체

키워드값을 전달 구분자는 ^로 사용 구분자를 포함한 전체 문자열 인코딩(encodeURIComponent)

mezzoAdApp

closeBtn

닫기버튼 노출 여부

전면배너 전면동영상

true

true : 노출 false : 비노출

mezzoAdApp

closeBtnLocation

닫기버튼 위치

전면배너

1 : 상단 좌측 2 : 상단 중앙 3 : 상단 우측 4 : 중앙 좌측 5 : 중앙 우측 6 : 하단 좌측 7 : 하단 중앙 8 : 하단 우측

mezzoAdApp

adid

adid 전송

전체

단말기 ADID/IDFA 전달 예) Android : 158d87c5-add4-4646-b366-f39b5950dde1 iOS : 4A80248C-1BFC-4C9C-A643-B3B389043A20

mezzoAdApp

appId

앱 ID

전체

예) Android : com.mezzomedia.app iOS: id1234

mezzoAdApp

appVersion

앱 버전

전체

예) 1.0.0

mezzoAdApp

appName

앱 명칭

전체

예) mezzomediaapp

mezzoAdApp

appStoreUrl

앱 스토어 URL

전체

예) Android: https://play.google.com/… iOS: https://apps.apple.com/…

mezzoAdApp

manufacturer

제조사

전체

mezzoAdApp

model

단말기 모델명

전체

mezzoAdApp

networkType

네트워크 타입

전체

mezzoAdApp

mcc

모바일 국가 코드

전체

mezzoAdApp

mnc

모바일 네트워크 코드

전체

mezzoAdApp

carrier

통신사 명

전체

mezzoAdApp

language

단말기 언어

전체

mezzoAdApp

country

국가 코드

전체

mezzoAdApp

skadn

SKAdNetwork 코드

전체

N (iOS : Y)

코드가 여러개일시 구분자 ^로 사용 예) feyaarzu9v.skadnetwork^…^…

샘플코드

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" src="https://advimg.ad-mapps.com/sdk/js/ver/3.0.0/ad_script.min.js" charset="utf-8"></script>
    </head>
    <body>
        <div id="banner_test">
            <!-- AD Area -->
        </div>
    
        <script type="text/javascript" charset="utf-8">
            mezzoAdApp({
                targetId: 'banner_test',
                publisher: 'publisher_code',
                media: 'media_code',
                section: 'section_code',
                uAgeLevel: '1',
                keyword: '',
                closeBtn: true,
                closeBtnLocation: 3,
                adid: '',                
                appId: 'com.mezzomedia.app',
                appVersion: '1.0.0',
                appName: 'mezzomediaapp',
                appStoreUrl: '',
                manufacturer: '',
                model: '',
                networkType: '',
                mcc: '',
                mnc: '',
                carrier: '',
                language: 'ko',
                country: 'KOR',
                skadn: '',
                callbacks: {
                    success: function (type, status, data) {
                        console.log(
                            '[SUCCESS] type : ' + type + ' status : ' + status + ' data : ' + JSON.stringify(data)
                        );
                    },
                    fail: function (type, status, data) {
                        console.log(
                            '[FAIL] type : ' + type + ' status : ' + status + ' data : ' + JSON.stringify(data)
                        );
                    },
                    event: function (type, status, data) {
                        console.log(
                            '[EVENT] type : ' + type + ' status : ' + status + ' data : ' + JSON.stringify(data)
                        );
                    }          
                }
            });
        </script>
    </body>
</html>

Callback 정의

Callback

type

status

설명

상품

success

guarantee

200

광고 성공 (보장형)

띠배너, 전면배너, 전면동영상

success

house

200

광고 성공 (하우스)

띠배너, 전면배너, 전면동영상

fail

noad

404

광고없음

띠배너, 전면배너, 전면동영상

fail

error

400

요청 에러

띠배너, 전면배너, 전면동영상

fail

error

408

요청 Timeout

띠배너, 전면배너, 전면동영상

fail

error

415

AJAX Parsing 에러

띠배너, 전면배너, 전면동영상

fail

error

498

중복 호출 에러

띠배너, 전면배너, 전면동영상

fail

error

499

에러

띠배너, 전면배너, 전면동영상

fail

error

501

지원하지 않는 브라우저

띠배너, 전면배너, 전면동영상

fail

error

502

지원하지 않는 단말기 (iOS)

띠배너, 전면배너, 전면동영상

fail

error

503

지원하지 않는 단말기 (Android)

띠배너, 전면배너, 전면동영상

event

adclick

200

광고 클릭

띠배너, 전면배너, 전면동영상

event

200

닫기 버튼 클릭

전면배너, 전면동영상

event

start

200

영상 시작

전면동영상

event

imp

200

영상 노출

전면동영상

event

firstQ

200

영상 1/4 재생

전면동영상

event

midQ

200

영상 2/4 재생

전면동영상

event

thirdQ

200

영상 3/4 재생

전면동영상

event

complete

200

영상 종료

전면동영상

코드 정의

networkType code

Code

Android

iOS

Unknown

Internet

WIFI

Cellular Network - 2G

4, 7, 11

Cellular Network - 3G

3, 5, 6, 8, 9, 10, 12, 14, 15

Cellular Network - 4G

Cellular Network - 5G

Cellular Network - Unknown Generation

문의

구분

부서

이름

이메일

전화번호

제휴 문의

크로스미디어사업팀

김정혁 차장

jeonghyeok.kim@cj.net

02-6484-3856

ID발급 및 광고 세팅 문의

크로스미디어사업팀

이선민 차장

sunmin.lee1@cj.net

02-6484-3461

PreviousJava Script(Hybrid)Next동영상

Last updated 7 months ago

지원 상품(사이즈)

상품 구분

사이즈

띠배너

300x50 ㅣ 320x50 ㅣ 320x100 ㅣ 640x240 ㅣ 640x100 ㅣ 728x90

전면배너

640x960 ㅣ 320X480 ㅣ 480x320 ㅣ 1024x768 ㅣ 750x1200 ㅣ 768x1024

종료배너

640x960 ㅣ 750x1200

정사각형 및 직사각형

200x200 ㅣ 240x400 ㅣ 240x240 ㅣ 250x250 ㅣ 250x360 ㅣ 300x250 ㅣ 336x280 ㅣ 150x150 ㅣ 580x400

스카이스크래퍼

120x600 ㅣ 160x600 ㅣ 300x600 ㅣ 300x1050

리더보드

468x60 ㅣ 728x90 ㅣ 930x180 ㅣ 970x90 ㅣ 970x250 ㅣ 980x120

네이티브 피드

640x960

네이티브 피드 배너

320x100 ㅣ 320x50

스플래시

1200x1000

Sample Project

Script 동작 환경

Script 추가

TARGETPICK 광고를 추가하고 구동하기 위한 광고 스크립트를 추가합니다.

( 아래 코드와 같이 사용하셔야 내부적인 업데이트 진행 시 편리하게 이용하실 수 있습니다. )

<script type="text/javascript" src="https://advimg.ad-mapps.com/sdk/js/ver/3.0.0/ad_script.min.js" charset="utf-8"></script>

하이브리드 앱

네이티브 앱 환경에서 웹뷰를 이용하여 광고 스크립트를 연동하는 경우 앱/단말기 옵션을 추가합니다.

옵션

함수

옵션

설명

상품

기본값

필수

값

mezzoAdApp

publisher

퍼블리셔 코드

전체

mezzoAdApp

media

미디어 코드

전체

mezzoAdApp

section

섹션 코드

전체

mezzoAdApp

uAgeLevel

User 나이 레벨

전체

0: 만 13세 이하 1: 만 13세 이상

mezzoAdApp

keyword

키워드 값 전달

전체

키워드값을 전달 구분자는 ^로 사용 구분자를 포함한 전체 문자열 인코딩(encodeURIComponent)

mezzoAdApp

closeBtn

닫기버튼 노출 여부

전면배너 전면동영상

true

true : 노출 false : 비노출

mezzoAdApp

closeBtnLocation

닫기버튼 위치

전면배너

1 : 상단 좌측 2 : 상단 중앙 3 : 상단 우측 4 : 중앙 좌측 5 : 중앙 우측 6 : 하단 좌측 7 : 하단 중앙 8 : 하단 우측

mezzoAdApp

adid

adid 전송

전체

단말기 ADID/IDFA 전달 예) Android : 158d87c5-add4-4646-b366-f39b5950dde1 iOS : 4A80248C-1BFC-4C9C-A643-B3B389043A20

mezzoAdApp

appId

앱 ID

전체

예) Android : com.mezzomedia.app iOS: id1234

mezzoAdApp

appVersion

앱 버전

전체

예) 1.0.0

mezzoAdApp

appName

앱 명칭

전체

예) mezzomediaapp

mezzoAdApp

appStoreUrl

앱 스토어 URL

전체

예) Android: https://play.google.com/… iOS: https://apps.apple.com/…

mezzoAdApp

manufacturer

제조사

전체

mezzoAdApp

model

단말기 모델명

전체

mezzoAdApp

networkType

네트워크 타입

전체

mezzoAdApp

mcc

모바일 국가 코드

전체

mezzoAdApp

mnc

모바일 네트워크 코드

전체

mezzoAdApp

carrier

통신사 명

전체

mezzoAdApp

language

단말기 언어

전체

형식의 두자리 언어코드

mezzoAdApp

country

국가 코드

전체

형식의 세자리 국가코드

mezzoAdApp

skadn

SKAdNetwork 코드

전체

N (iOS : Y)

코드가 여러개일시 구분자 ^로 사용 예) feyaarzu9v.skadnetwork^…^…

샘플코드

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" src="https://advimg.ad-mapps.com/sdk/js/ver/3.0.0/ad_script.min.js" charset="utf-8"></script>
    </head>
    <body>
        <div id="banner_test">
            <!-- AD Area -->
        </div>
    
        <script type="text/javascript" charset="utf-8">
            mezzoAdApp({
                targetId: 'banner_test',
                publisher: 'publisher_code',
                media: 'media_code',
                section: 'section_code',
                uAgeLevel: '1',
                keyword: '',
                closeBtn: true,
                closeBtnLocation: 3,
                adid: '',                
                appId: 'com.mezzomedia.app',
                appVersion: '1.0.0',
                appName: 'mezzomediaapp',
                appStoreUrl: '',
                manufacturer: '',
                model: '',
                networkType: '',
                mcc: '',
                mnc: '',
                carrier: '',
                language: 'ko',
                country: 'KOR',
                skadn: '',
                callbacks: {
                    success: function (type, status, data) {
                        console.log(
                            '[SUCCESS] type : ' + type + ' status : ' + status + ' data : ' + JSON.stringify(data)
                        );
                    },
                    fail: function (type, status, data) {
                        console.log(
                            '[FAIL] type : ' + type + ' status : ' + status + ' data : ' + JSON.stringify(data)
                        );
                    },
                    event: function (type, status, data) {
                        console.log(
                            '[EVENT] type : ' + type + ' status : ' + status + ' data : ' + JSON.stringify(data)
                        );
                    }          
                }
            });
        </script>
    </body>
</html>

Callback 정의

Callback

type

status

설명

상품

success

guarantee

200

광고 성공 (보장형)

띠배너, 전면배너, 전면동영상

success

house

200

광고 성공 (하우스)

띠배너, 전면배너, 전면동영상

fail

noad

404

광고없음

띠배너, 전면배너, 전면동영상

fail

error

400

요청 에러

띠배너, 전면배너, 전면동영상

fail

error

408

요청 Timeout

띠배너, 전면배너, 전면동영상

fail

error

415

AJAX Parsing 에러

띠배너, 전면배너, 전면동영상

fail

error

498

중복 호출 에러

띠배너, 전면배너, 전면동영상

fail

error

499

에러

띠배너, 전면배너, 전면동영상

fail

error

501

지원하지 않는 브라우저

띠배너, 전면배너, 전면동영상

fail

error

502

지원하지 않는 단말기 (iOS)

띠배너, 전면배너, 전면동영상

fail

error

503

지원하지 않는 단말기 (Android)

띠배너, 전면배너, 전면동영상

event

adclick

200

광고 클릭

띠배너, 전면배너, 전면동영상

event

200

닫기 버튼 클릭

전면배너, 전면동영상

event

start

200

영상 시작

전면동영상

event

imp

200

영상 노출

전면동영상

event

firstQ

200

영상 1/4 재생

전면동영상

event

midQ

200

영상 2/4 재생

전면동영상

event

thirdQ

200

영상 3/4 재생

전면동영상

event

complete

200

영상 종료

전면동영상

코드 정의

networkType code

Code

Android

iOS

Unknown

Internet

WIFI

Cellular Network - 2G

4, 7, 11

Cellular Network - 3G

3, 5, 6, 8, 9, 10, 12, 14, 15

Cellular Network - 4G

Cellular Network - 5G

Cellular Network - Unknown Generation

문의

구분

부서

이름

이메일

전화번호

제휴 문의

크로스미디어사업팀

김정혁 차장

jeonghyeok.kim@cj.net

02-6484-3856

ID발급 및 광고 세팅 문의

크로스미디어사업팀

이선민 차장

sunmin.lee1@cj.net

02-6484-3461