아이폰 기반의 iad 서비스 기술 동향 · 2012. 6. 12. · 포커스 1 아이폰 기반의...

13
포커스 1 아이폰 기반의 iAd 서비스 기술 동향 문필주* 최근의 모바일 광고는 모바일 웹 방식과 스마트폰 애플리케이션 방식의 서비스로 나뉘어진다. 현재로서 는 어느 방식의 모바일 광고 서비스가 성장할지 검증되지 않았지만, 모바일 광고 시장이 성장하기 위해서는 광고를 게재하고 운영할 수 있는 광고 운영시스템을 필요로 한다. 대표적인 광고 운영시스템을 운영하는 회 사로는 애플과 구글이 있다. IOS 와 안드로이드라는 스마트폰의 대표적인 운영체제를 개발하는 회사들이 직 접 광고 운영시스템을 운영하고 있다. 특히 애플에서 제공하는 iAd 형태의 서비스는 기존 모바일 광고와는 다르게 여러 방면으로 특성화된 기능을 제공한다. 본 고에서는 iAd 의 특성들에 대해 알아보고, 간단한 iAd 아이폰 애플리케이션을 만들어본다. 또한 다양한 형태의 iAd 아이폰 애플리케이션들에 대해 기술하고자 한 다. ▨ I. 서 론 최근의 모바일 광고 시장은 안드로이드폰이나 아 이폰과 같은 스마트폰의 확산으로 인해 급성장하고 있다. 모바일 웹 사이트나 스마트폰 애플리케이션 등을 통해 모바일 광고 서비스가 제공되고 있으며, 현재로서는 어느 방식의 서비스가 더 성장할지 아직 검증되지는 않았지만, 모바일 광고 시장이 성장하기 위해서는 모바일 광고를 게재하고 운영할 수 있는 모 바일 광고 운영시스템을 필요로 한다. 구글은 Admob 이라는 모바일 광고 업체를 인수했고, 애플은 Quattro Wireless 라는 업체를 인수하였다. IOS 와 안드로이 드라는 스마트폰 운영체제를 개발하는 회사들이 직 접 광고 운영시스템을 운영하는 것이다[1]. eMarketer 는 (그림 1, 2)와 같이 2010 년 미국 모바일 광고 시장의 규모가 7.5 억 달러로 전년대비 * 평택대학교 정보통신학과/교수 I. II. iAd 의 개요 III. 간단한 iAd 애플리케이션 IV. iAd 애플케이션의 종류 V. 포커스

Upload: others

Post on 16-Dec-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 아이폰 기반의 iAd 서비스 기술 동향 · 2012. 6. 12. · 포커스 1 아이폰 기반의 iAd 서비스 기술 동향 문필주* 최근의 모바일 광고는 모바일

포커스

1

아이폰 기반의 iAd 서비스 기술 동향

문필주*

최근의 모바일 광고는 모바일 웹 방식과 스마트폰 애플리케이션 방식의 서비스로 나뉘어진다. 현재로서

는 어느 방식의 모바일 광고 서비스가 성장할지 검증되지 않았지만, 모바일 광고 시장이 성장하기 위해서는

광고를 게재하고 운영할 수 있는 광고 운영시스템을 필요로 한다. 대표적인 광고 운영시스템을 운영하는 회

사로는 애플과 구글이 있다. IOS와 안드로이드라는 스마트폰의 대표적인 운영체제를 개발하는 회사들이 직

접 광고 운영시스템을 운영하고 있다. 특히 애플에서 제공하는 iAd 형태의 서비스는 기존 모바일 광고와는

다르게 여러 방면으로 특성화된 기능을 제공한다. 본 고에서는 iAd의 특성들에 대해 알아보고, 간단한 iAd

아이폰 애플리케이션을 만들어본다. 또한 다양한 형태의 iAd 아이폰 애플리케이션들에 대해 기술하고자 한

다. ▨

I. 서 론

최근의 모바일 광고 시장은 안드로이드폰이나 아

이폰과 같은 스마트폰의 확산으로 인해 급성장하고

있다. 모바일 웹 사이트나 스마트폰 애플리케이션

등을 통해 모바일 광고 서비스가 제공되고 있으며,

현재로서는 어느 방식의 서비스가 더 성장할지 아직

검증되지는 않았지만, 모바일 광고 시장이 성장하기

위해서는 모바일 광고를 게재하고 운영할 수 있는 모

바일 광고 운영시스템을 필요로 한다. 구글은 Admob

이라는 모바일 광고 업체를 인수했고, 애플은 Quattro

Wireless 라는 업체를 인수하였다. IOS 와 안드로이

드라는 스마트폰 운영체제를 개발하는 회사들이 직

접 광고 운영시스템을 운영하는 것이다[1].

eMarketer 는 (그림 1, 2)와 같이 2010 년 미국

모바일 광고 시장의 규모가 7.5 억 달러로 전년대비

목 차

* 평택대학교 정보통신학과/교수

I. 서 론

II. iAd의 개요

III. 간단한 iAd 애플리케이션

IV. iAd 애플케이션의 종류

V. 결 론

포커스

Page 2: 아이폰 기반의 iAd 서비스 기술 동향 · 2012. 6. 12. · 포커스 1 아이폰 기반의 iAd 서비스 기술 동향 문필주* 최근의 모바일 광고는 모바일

주간기술동향 통권 1476호 2010. 12. 15.

2

약 80%의 성장을 기록하였으며, 2011년에는 10억 달러로 성장할 것이라고 발표하였다[2].

모바일 광고의 유형도 SMS 광고에서 Video/Display/Search 형태의 모바일 광고로 바뀌어

갈 것으로 예측하고 있다. (그림 2)는 모바일 광고의 카테고리 성장률을 나타낸다. 2010 년 각

모바일 광고 카테고리 성장률을 보면 Messaging 분야가 79%인데 비해 Video, Display, Search

분야는 약 120% 성장하는 걸 알 수 있다[2].

<자료>: eMarketer, Sep 2010.

(그림 1) 2009~2014 년의 미국 모바일 광고 시장

<자료>: eMarketer, Sep 2010.

(그림 2) 2010~2014 년 분야별 모바일 광고 시장 성장률

2009 2010 2011 2012 2013 2014 (연도)

$416.0 (30%)

$743.1(79%)

$1,102.4(48%)

$1,501.3(36%)

$2,036.8(36%)

$2,549.5(25%)

2010 2011 2012 2013 2014

Video 124% 79% 65% 59% 50%

Display 122% 65% 46% 42% 28%

Search 122% 60% 53% 51% 26%

Messaging 79% 29% 13% 11% 14%

Total 43% 48% 36% 36% 25%

0%

100%

150%

Page 3: 아이폰 기반의 iAd 서비스 기술 동향 · 2012. 6. 12. · 포커스 1 아이폰 기반의 iAd 서비스 기술 동향 문필주* 최근의 모바일 광고는 모바일

포커스

3

II. iAd 의 개요

애플에서 제공하는 iAd 는 일종의 광고 플랫폼으로, 광고주와 서비스 개발자들이 모바일 웹

이나 모바일 앱에서 광고를 쉽게 사고 팔 수 있도록 하는 공간을 말한다. iAd는 광고주들이 원

하는 광고 상품을 선택하고 구매할 수 있도록 해준다.

iAd의 특징은 다음과 같다[3].

① 높은 표현력과 did 방향성을 지닌 플랫폼: 아이폰 애플리케이션 등으로 TV 광고와 유사

한 감성적 표현이 가능, 또한 인터넷 광고의 특성을 지닌 인터랙티브 기능을 겸비한 작업

도 가능하다.

② 애플리케이션 안에 광고 실현: 애플리케이션의 개발업체 스스로가 자신의 애플리케이션

내에 광고 구역을 설정하는 것이 가능하다.

③ iAd 는 OS 에 빌트인: 새로운 OS 에 iAd 가 구현되기 때문에 새로운 OS 의 모든 기능에

대응 가능하다.

④ 애플이 직접 플랫폼을 운영

⑤ 애플리케이션 개발자에게 최대 60%의 수익 배분

⑥ 광고는 모두 HTML로 개발

⑦ 사용자측이 이러한 광고전송의 제어가 가능한 기능 내장

iAd는 향상된 타케팅, 프리미엄 크리에이티브, 탄탄한 광고 측정이라는 세 가지 특성을 가지

고 있다. 정확한 타케팅 방법을 위해 애플에서는 사용자들의 아이튠즈와 앱스토어의 사용 이력

을 활용한다. iAd 는 아이폰이 가진 멀티미디어, 인터랙티브한 플랫폼의 특성을 이용하여 높은

수준의 창조적인 광고를 지원한다. <표 1>은 iAd의 특성들에 대해 간단하게 설명하고 있다[1].

(그림 3) WWDC 에서 발표된 iAd (2010. 6)

Page 4: 아이폰 기반의 iAd 서비스 기술 동향 · 2012. 6. 12. · 포커스 1 아이폰 기반의 iAd 서비스 기술 동향 문필주* 최근의 모바일 광고는 모바일

주간기술동향 통권 1476호 2010. 12. 15.

4

III. 간단한 iAd 애플리케이션

1. 인터페이스 빌더를 이용하여 iAd 애플리케이션 생성하기

iAd 애플리케이션을 생성하는 가장 간단한 방법은 다음과 같이 인터페이스 빌더를 사용하는

것이다. (그림 4)는 인터페이스 빌더에서 라이브러리들을 모아 놓은 라이브러리 윈도를 나타낸다.

Objects 탭에서 Ad BannerView 항목을 선택하여 뷰로 드래그한다.

AdBannerView는 사용자에게 배너 광고를 보여주는 메커니즘을 제공한다.

뷰로 AdBannerView 항목을 드래그하면 다음과 같이 뷰에 AdBannerView가 생성된 걸 알

수 있다.

이와 같이 작업한 후에 3. iAd 추가 코드 부분에서 언급한 바와 같이 관련 코드들을 작성하

면 된다. iOS 4.0 버전에서는 테스트용 ADBannerView 가 시뮬레이터에서 확인 가능하였지만

이후 버전에서는 광고가 지원되지 않는 경우에는 테스트용 ADBannerView 가 보이지 않고 흰

색 여백으로만 보이게 된다.

<표 1> iAd의 특성

특성 영역

나이와 성별

애플리케이션 선호

음악 선호

영화 장르 관심

방송 장르 관심

향상된 타게팅

위치

리치 미디어 광고 지원

사용자의 터치에 반응하는 인터랙티브한 광고의 구현

아이폰의 각종 센서들을 활용한 체험형, 참여형 광고의 구현 프리미엄 크리에이티브

현재 위치리를 기반으로 한 지도와 연계한 광고의 구현

임프레션

클릭수 및 CTR(Click-through rate)

방문 수(Visits)

PV 및 Visit

인터랙티브한 사용자 반응(보여진 비디오, 보여진 이미지 등)

광고 당 평균 체류 시간

소셜 네트워크로의 전달 수

탄탄한 광고 측정

전환(conversions), 다운로드 수

Page 5: 아이폰 기반의 iAd 서비스 기술 동향 · 2012. 6. 12. · 포커스 1 아이폰 기반의 iAd 서비스 기술 동향 문필주* 최근의 모바일 광고는 모바일

포커스

5

2. 직접 코딩하여 iAd 애플리케이션 생성하기[4]

iAd 애플리케이션을 직접 코드로 작성하는 경우에는 iAd 를 적용하고자 하는 애플리케이션

프로젝트 파일을 열고, (그림 6)과 같이 Xcode 의 프로젝트 info 에서 base SDK 를 iphone

device 4.0으로 변경한다. base SDK는 애플리케이션을 설치하고자 하는 디바이스, 즉, 아이폰

이나 아이팟터치의 버전에 맞게 설정해야 한다. 현재 iAd는 4.0이상의 버전에서만 지원하고 있다.

(그림 7)과 같이 프레임워크 추가 화면에서 iAd.framework를 추가한다. iAd.framework를

(그림4) 라이브러리 윈도 (그림 5) 뷰에 ADBannerView가 생성된 화면

(그림 6) 프로젝트 info 화면

Page 6: 아이폰 기반의 iAd 서비스 기술 동향 · 2012. 6. 12. · 포커스 1 아이폰 기반의 iAd 서비스 기술 동향 문필주* 최근의 모바일 광고는 모바일

주간기술동향 통권 1476호 2010. 12. 15.

6

선택한 후에 Add 버튼을 누르면 (그림 8)과 같이 iAd.framework가 추가된 것을 확인할 수 있

다. 프레임웍스 폴더안의 iAd.framework 를 선택하면 우측 창에서 iAd.framework 관련 헤더

파일들이 리스트를 볼 수 있다.

타깃의 get info 의 제너럴 탭에서 iAd.framework 의 링크 타입을 Required 에서 워크으로

변경한다.

(그림 7) 프레임워크를 선택하는 화면 (그림 8) 프레임워크가 추가된 화면

(그림 9) iAd 프레임워크의 타입을 설정하는 화면

Page 7: 아이폰 기반의 iAd 서비스 기술 동향 · 2012. 6. 12. · 포커스 1 아이폰 기반의 iAd 서비스 기술 동향 문필주* 최근의 모바일 광고는 모바일

포커스

7

iPhone OS 3.1 버전에서 실행시킬 프로젝트의 deployment target 을 iPhone OS 3.1.X 로

변경한다.

iAd 배너를 넣을 뷰 컨트롤러에서 아래와 같이 동적으로 배너를 생성한다. 라이브러리가 워

크 타입이므로 인터페이스 빌더를 사용하지 말고 동적으로 클래스를 얻어 뷰에 붙인다.

Class cls = NSClassFromString(@"ADBannerView");

If (cls != nil) {

ADBannerView *adView = [[cls alloc] initWithFrame:CGRectZero];

adView.currentContentSizeIdentifier = ADBannerContentSizeIdentifier320x50;

adView.delegate = self;

adView.frame = CGRectMake(0, 460, 320, 50);

[self.view addSubview:adView];

}

3. iAd 추가 코드

다음은 iAd 배너 내부에 네트워크나 기타 여러 사항으로 콘텐츠 연결이 지연되는 경우를 처

리하기 위한 코드를 나타낸다. 지연이 발생할 때에는 iAd 배너가 표시되지 않도록 한다.

- (void)bannerViewDidLoadAd:(ADBannerView *)banner

{

if (!self.bannerIsVisible)

{

(그림 10) Deployment Target 을 설정하는 화면

Page 8: 아이폰 기반의 iAd 서비스 기술 동향 · 2012. 6. 12. · 포커스 1 아이폰 기반의 iAd 서비스 기술 동향 문필주* 최근의 모바일 광고는 모바일

주간기술동향 통권 1476호 2010. 12. 15.

8

[UIView beginAnimations:@"animateAdBannerOn" context:NULL];

banner.frame = CGRectOffset(banner.frame, 0, 50);

[UIView commitAnimations];

self.bannerIsVisible = YES;

}

}

- (void)bannerView:(ADBannerView *)banner didFailToReceiveAdWithError:(NSError

*)error

{

if (self.bannerIsVisible)

{

[UIView beginAnimations:@"animateAdBannerOff" context:NULL];

banner.frame = CGRectOffset(banner.frame, 0, -50);

[UIView commitAnimations];

self.bannerIsVisible = NO;

}

}

IV. iAd 애플리케이션의 종류

iAd 애플리케이션은 구현 형태에 따라 BasicAdBanner, AdBannerTabbed, AdBanner

Navigation 등의 세 가지 형태로 나누어진다. BasicAdBanner는 한 개의 뷰 콘트롤러로 이루어

진 iAd 애플리케이션이며, AdBannerTabbed는 UITabBarViewController를 사용한 iAd 애플

리케이션이다. AdBannerNavigation는 UINavigationViewController를 사용한 iAd 애플리케이

션이다[5].

BasicAdBanner 는 단지 읽을 수 있는 UITextView 를 나타내며 nib 파일에서 서술되지 않

은 경우 ADBannerView 를 생성한다. AdBannerTabbed 와 AdBannerNavigation 는 두 번째

뷰로서 MKMapView 를 추가한다. 이 샘플들은 모두 뷰의 하단 부분에 광고 배너가 위치하며,

포트레이트와 랜드스케이프 모드를 모두 지원한다.

Page 9: 아이폰 기반의 iAd 서비스 기술 동향 · 2012. 6. 12. · 포커스 1 아이폰 기반의 iAd 서비스 기술 동향 문필주* 최근의 모바일 광고는 모바일

포커스

9

1. BasicAdBanner 형 iAd 애플리케이션

(그림11)은 BasicAdBanner에서 사용하는 메소드들의 리스트를 나타낸다.

layoutForCurrentOrientation은 Ad Banner와 콘텐츠 뷰를 현재 오리엔테이션에 맞게 레이

아웃을 설정한다.

createADBannerView 는 ADBannerView 를 생성한다. 즉, viewDidLoad 에서

createADBannerView를 호출하여 ADBannerView를 생성한다.

createADBannerView 메소드에서는 인터페이스 오리엔테이션의 값에 따라 초기 콘텐츠의

크기를 320×50 이나 480×32의 크기로 설정한다. ADBannerView를 생성하고, 델리게이트의

값을 자신으로 설정한 후, 뷰의 크기를 오리엔테이션에 따라 폭과 높이를 자동으로 조정한다. 생

성된 ADBannerView를 뷰에 추가한다.

(그림 12) BasicAdBanner의 viewDidLoad 메소드

(그림 11) 메소드 리스트들

Page 10: 아이폰 기반의 iAd 서비스 기술 동향 · 2012. 6. 12. · 포커스 1 아이폰 기반의 iAd 서비스 기술 동향 문필주* 최근의 모바일 광고는 모바일

주간기술동향 통권 1476호 2010. 12. 15.

10

(그림 14)와 같이 bannerViewDidLoadAd, didFailToReceiveAdWithError, bannerView

ActionShouldBegin, bannerViewActionDidFinish 등은 ADBannerViewDelegate 메소드들로

서, ADBannerView과 연관된 기능들을 수행한다.

2. AdBannerTabbed형 iAd 애플리케이션

이 애플리케이션은 콘텐츠 뷰, 맵 뷰, 배너 뷰 등을 탭바 형태의 애플리케이션으로 구성하여

보여준다.

(그림 13) createADBannerView 메소드

(그림 14) ADBannerViewDelegate 메소드들

Page 11: 아이폰 기반의 iAd 서비스 기술 동향 · 2012. 6. 12. · 포커스 1 아이폰 기반의 iAd 서비스 기술 동향 문필주* 최근의 모바일 광고는 모바일

포커스

11

MapView.xib 파일의 구성을 보면 뷰 안에 배

너 뷰와 맵 뷰가 포함된 뷰로 구성된 것 알 수 있

다.

(그림 16)와 같이 맵 뷰와 배너 뷰의 구성화

면을 나타낸다. 배너 뷰는 다른 뷰와 독립적으로

구성됨을 알 수 있다.

배너 뷰 관련 메소드들은 (그림 17)과 같다.

bannerViewActionShouldBegi 은 배너 뷰가 보

이는 동안 맵 뷰에서 사용자의 현재 위치를 보여

주지 않도록 설정한다.

bannerViewActionDidFinish 는 배너가 없어

진 후에 사용자의 현재 위치를 다시 보여주도록

설정한다.

(그림 15) MapView.xib 파일 화면

(그림 16) 맵 뷰와 배너 뷰의 구성 화면

(그림 17) 배너 뷰 관련 메소드들

Page 12: 아이폰 기반의 iAd 서비스 기술 동향 · 2012. 6. 12. · 포커스 1 아이폰 기반의 iAd 서비스 기술 동향 문필주* 최근의 모바일 광고는 모바일

주간기술동향 통권 1476호 2010. 12. 15.

12

3. AdBannerNavigation 형 iAd 애플리케이션

이 애플리케이션은 내비게이션바 형태의 애플리케이션으로 테이블 뷰의 형태로 콘텐츠 뷰,

맵 뷰, 배너 뷰 등을 구성하여 보여준다.

(그림 18)을 보면 네비게이션 콘트롤러안에 ADBannerView 를 포함하는 루트 뷰 콘트롤러

가 포함된 걸 알 수 있다.

(그림 19)에서는 네비게이션바와 맵 뷰와

텍스트 뷰를 나타내는 테이블 뷰의 화면을 나

타낸다. 네비게이션 콘트롤러안에 포함된 루트

뷰 콘트롤러에는 맵 뷰와 텍스트 뷰의 리스트

로 구성된 테이블 뷰가 들어있음을 알 수 있다.

(그림 18) MainWindow.xib 파일의 화면

(그림 19) 맵 뷰와 텍스트 뷰로 구성된 테이블 뷰

(그림20) didSelectRowAtIndexPath 메소드 부분

Page 13: 아이폰 기반의 iAd 서비스 기술 동향 · 2012. 6. 12. · 포커스 1 아이폰 기반의 iAd 서비스 기술 동향 문필주* 최근의 모바일 광고는 모바일

포커스

13

(그림 20)은 맵 뷰와 텍스트 뷰로 구성된 테이블 뷰에서 특정 셀을 선택하는 경우 그 선택된

셀에 연결된 뷰를 실행하는 코드 부분을 나타내고 있다. didSelectRowAtIndexPath 메소드는

테이블 뷰에서 특정 셀을 선택했을 때 호출되어 처리되는 메소드이다. 첫 번째 셀을 누른 경우

에는 맵 뷰, 두 번째 셀을 누른 경우에는 텍스트 뷰가 호출되는 것을 알 수 있다.

지금까지 ADBannerView를 사용하여 표현할 수 있는 다양한 형태의 애플리케이션 구성 방

법에 대해 알아보았다. 배너 뷰를 사용하려는 애플리케이션의 유형에 따라 적절하게 적용하는데

관련 툴과 코드들이 유용하게 사용될 것이다.

V. 결 론

향후 모바일 광고 시장은 스마트폰과 스마트 패드의 확산으로 급성장할 것으로 예상하고 있

다. 구글과 애플도 admob과 iAd를 통해 빠르게 모바일 광고 시장에 뛰어 들고 있다. 현재, 모

바일웹 뿐만 아니라 모바일앱을 통해 모바일 광고 서비스가 급속하게 증가하는 실정이다. 이러

한 상황에서 iAd 의 개념을 이해하고 iAd 애플리케이션을 생성하여 사용해 봄으로써 더 다양한

형태의 모바일 광고 서비스들이 나오는 토대가 되기를 기대한다.

<참 고 문 헌>

[1] iAd를 통해 바라보는 모바일 광고의 가치, http://oojoo.tistory.com/459.

[2] Mobile Ad Spending Up Nearly 80% in 2010, http://www.emarketer.com/Article.aspx?R=1007992.

[3] 애플의 새로운 광고 시스템, 파괴인가 창조인가,

http://cyhome.cyworld.com/?home_id=a0217950&postSeq=3641707.

[4] App에 iAd 달기, http://www.cyworld.com/shbacko/3832180

[5] iAd Programming Guide, http://developer.appl.com.

[6] 문필주, 이요섭, “모바일 광고기능을 갖는 아이폰 애플리케이션”, 주간기술동향 제1428호, 정보통신산

업진흥원, 2009. 12. 23.

* 본 내용은 필자의 주관적인 의견이며 NIPA의 공식적인 입장이 아님을 밝힙니다.