iAd Integration and Best Practices · iAd Integration and Best Practices Nathan de Vries iOS Apps...

These are confidential sessions—please refrain from streaming, blogging, or taking pictures

Session 613

iAd Integration and Best Practices

Nathan de VriesiOS Apps and Frameworks

Promotion Revenue

Revenue

Developer Benefits

Core Concepts

Optimizing Ad Performance

Joining iAd App Network

App Integration

Delights your customersDeveloper Benefits


•High production values


•High production values• Rich media


•High production values• Rich media• Seamless integration


•High production values• Rich media• Seamless integration• Immersive


•High production values• Rich media• Seamless integration• Immersive• Stay in your app

Preserves privacyDeveloper Benefits

World’s best brandsDeveloper Benefits

Developer BenefitsExpanding globally

US CAUK FR DE IT ES AU NZ MXJP

Developer BenefitsExpanding globally

Path to revenueDeveloper Benefits

Path to revenueDeveloper Benefits

70%

Your Share

Easy to implementDeveloper Benefits


•No additional SDKs


•No additional SDKs•Up and running with minimal code


•No additional SDKs•Up and running with minimal code•Great documentation and sample code


•No additional SDKs•Up and running with minimal code•Great documentation and sample code• Even easier with iOS 7!

Developer Benefits

Core Concepts



App Integration

iAd app networkCore Concepts

iAd app networkCore Concepts

+Apple Developers YouBrands + +

Ad requestsCore Concepts


iAd Framework


Ad Request

iAd Framework


Ad Request

AdsiAd Framework

Fill rateCore Concepts

Ad Request

Ads

Fill rateCore Concepts

Ads Delivered

Ad Requests

Impressions and tap-throughCore Concepts

Tap-through rateCore Concepts

Tap-through rateCore Concepts

Tap-throughs

Impressions

Developer Benefits

Core Concepts



App Integration

Focus on the customerOptimizing Ad Performance


•Utility and usefulness


•Utility and usefulness• Encourage loyalty


•Utility and usefulness• Encourage loyalty•Network effects


•Utility and usefulness• Encourage loyalty•Network effects• Results in more requests

Place ads smartlyOptimizing Ad Performance


• Recognize high-use areas


• Recognize high-use areas•Avoid accidental taps


• Recognize high-use areas•Avoid accidental taps•User context is important

Consider customer locationOptimizing Ad Performance


• Sell to iAd App Network countries


• Sell to iAd App Network countries• Target your marketing


• Sell to iAd App Network countries• Target your marketing• Localize your apps

SeasonalityOptimizing Ad Performance


• Consumer spending is seasonal

Jan Feb Mar Apr May June Jul Aug Sep Oct Nov Dec

Cons

umer

spe

ndin

g


• Consumer spending is seasonal• So is advertiser spending


Cons

umer

spe

ndin

g


• Consumer spending is seasonal• So is advertiser spending•Market accordingly:

■ Start of summer■ Back to school■ Holiday seasons


Cons

umer

spe

ndin

g

Ads

Fill-Rate

Tap-Throughs

Impressions

The feedback loopOptimizing Ad Performance

Developer Benefits

Core Concepts



App Integration


http://itunesconnect.apple.com/


http://itunesconnect.apple.com/

Complete iAd contract

Enable iAd for your app

Submit your app for review

Developer Benefits

Core Concepts



App Integration

App IntegrationBanner

Banner

Banner

• Slim device width view

Banner

• Slim device width view• Placed at bottom of content

Banner

• Slim device width view• Placed at bottom of content• Continuous ad loading

Banner

• Slim device width view• Placed at bottom of content• Continuous ad loading• Fullscreen on tap

Banner

• Slim device width view• Placed at bottom of content• Continuous ad loading• Fullscreen on tap• iPhone and iPad support

Three easy stepsBanner


1. Link iAd framework


1. Link iAd framework2. Import iAd header

#import <iAd/iAd.h>

MyViewController *myViewController = ...myViewController.canDisplayBannerAds = YES;


1. Link iAd framework2. Import iAd header3. Configure view controllers

#import <iAd/iAd.h>

MyViewController *myViewController = ...myViewController.canDisplayBannerAds = YES;

Ad load and displayBanner

Root View

• view becomes originalContentView


Root ViewWrapped “original content” view


•Ad requests sent



Ad RequestAd

Unloaded


•Ad requests sent

•Banner loads



Ad RequestAd

UnloadedLoaded


•Ad requests sent

•Banner loads

•Banner moves on-screen and originalContentView resizes


Root ViewResized “original

content” view

UnloadedLoaded

Tap-throughBanner

Tap-throughBanner

• Fullscreen ad on tap

Tap-throughBanner


•Pause media in -viewWillDisappear:

Tap-throughBanner



•Resume media in -viewDidAppear:

Ad unload and hidingBanner

Wrapped “original content” view

Loaded

•Banner moves off-screen



UnloadedLoaded

•Banner moves off-screen• originalContentView resized



UnloadedLoaded

Toggling display on and offBanner

// Game startedviewController.canDisplayBannerAds = NO;

// Game paused, menu showingviewController.canDisplayBannerAds = YES;


•Disable based on app context




•Disable based on app context

•Remember to re-enable!



Testing integrationBanner


•Adjust fill rate


•Adjust fill rate

•Adjust ad refresh rate


•Adjust fill rate


•Only affects your apps

DemoBanner Integration

David WilsoniOS Apps and Frameworks

App IntegrationInterstitial

Interstitial

• Immediate fullscreen display

Interstitial

• Immediate fullscreen display• iPad since iOS 4.3

Interstitial

• Immediate fullscreen display• iPad since iOS 4.3• iPhone in iOS 7

Interstitial

Current View Controller Next View Controller

Automatic presentationInterstitial

nextController.interstitialPresentationPolicy = ADInterstitialPresentationPolicyAutomatic;

[currentController.navigationController pushViewController:nextController animated:YES];

Current View Controller Next View Controller






Current View ControllerNext View Controller




Single View Controller App

Manual presentationInterstitial

controller.interstitialPresentationPolicy = ADInterstitialPresentationPolicyManual;

(...time passes...)

[controller requestInterstitialAdPresentation];

Single View Controller App

Manual presentationInterstitial


(...time passes...)



(...time passes...)


Preparing earlyInterstitial


•Don’t miss early impressions!


•Don’t miss early impressions!• Start ad requests early

- (BOOL)application:(UIApplication *)application

didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {

...

[UIViewController prepareInterstitialAds];

...

}



...

[UIViewController prepareInterstitialAds];

...

}



DemoInterstitial Integration


App IntegrationIAB “Medium Rectangle”

IAB “Medium Rectangle”

aaaa===aaaaaaaa=aaaaaaaaaaaaaaaaa

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa=====

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa


• Positioned inline baaa===aaaaaaaa=aaaaaaaaaaaaaaaaa






• Positioned inline• Standardized “IAB” size

baaa===aaaaaaaa=aaaaaaaaaaaaaaaaa





250px

300px


• Positioned inline• Standardized “IAB” size•Automatic cycling







• Positioned inline• Standardized “IAB” size•Automatic cycling• Fullscreen ad on tap







• Positioned inline• Standardized “IAB” size•Automatic cycling• Fullscreen ad on tap• Introduced in iOS 6







• Positioned inline• Standardized “IAB” size•Automatic cycling• Fullscreen ad on tap• Introduced in iOS 6• iPad only






View creationMedium Rectangle

View creationMedium Rectangle

#import <iAd/iAd.h>

adView = [[ADBannerView alloc] initWithAdType:ADAdTypeMediumRectangle];

adView.delegate = self;

...

@interface MyViewController : UIViewController <ADBannerViewDelegate>

@end

Load and displayMedium Rectangle

@implementation MyViewController

...

@end

Unloaded



- (void)bannerViewDidLoadAd:(ADBannerView *)banner{

}

@end

Loaded



- (void)bannerViewDidLoadAd:(ADBannerView *)banner{ [self.view addSubview:banner]; [self.view layoutIfNeeded];}

@end

Loaded

Tap-throughMedium Rectangle




•Resume media in -viewDidAppear:

UnloadMedium Rectangle


...

@end

Loaded



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

}

@end

LoadedUnloaded



- (void)bannerView:(ADBannerView *)banner didFailToReceiveAdWithError:(NSError *)error{ [banner removeFromSuperview]; [self.view layoutIfNeeded];}

@end

Unloaded

Testing integrationMedium Rectangle

•Adjust fill rate



•Adjust fill rate


• Ensure there’s no clipping


DemoMedium Rectangle Integration


App IntegrationPre-Roll Video

Pre-Roll Video

▶ ▶ ▶ ▶

▶ ▶ ▶ ▶

▶ ▶

Pre-Roll Video

•New on iOS 7▶ ▶ ▶ ▶

▶ ▶ ▶ ▶

▶ ▶

Pre-Roll Video

•New on iOS 7• Integrated with media player

▶ ▶ ▶ ▶

▶ ▶ ▶ ▶

Pre-Roll Video

•New on iOS 7• Integrated with media player• Plays before regular video

Pre-Roll Video



Pre-Roll Video

• Fullscreen ad on tap• Inline playback supported


Pre-Roll Video

• Fullscreen ad on tap• Inline playback supported• iPhone and iPad


Creating and playing Pre-Roll Video


#import <MediaPlayer/MediaPlayer.h>

#import <iAd/iAd.h>



#import <iAd/iAd.h>

moviePlayer = [MPMoviePlayerController new];

moviePlayer.contentURL = [NSURL URLWithString:@”...”];



#import <iAd/iAd.h>



[moviePlayer playPrerollAdWithCompletionHandler:^(NSError *error) {

// Check if error is non-nil during development

[moviePlayer play];

}];



#import <iAd/iAd.h>




// Check if error is non-nil during development

[moviePlayer play];

}];

[self.view addSubview:moviePlayer.view];

[self.view layoutIfNeeded];

Conditional pre-rollPre-Roll Video

Conditional pre-rollPre-Roll Video

if ([user isPaidSubscriber]) {

[moviePlayer play];

} else {


[moviePlayer play];

}];

}

Preparing earlyPre-Roll Video


•Don’t miss early impressions!





...

[MPMoviePlayerController preparePrerollAds];

...

}

Tips and gotchasPre-Roll Video


•Don’t play content video until ad completes


•Don’t play content video until ad completes•Defer notification handling

■MPMoviePlayerReadyForDisplayDidChangeNotification■MPMoviePlayerLoadStateDidChangeNotification


•Don’t play content video until ad completes•Defer notification handling

■MPMoviePlayerReadyForDisplayDidChangeNotification■MPMoviePlayerLoadStateDidChangeNotification

•Defer UI customization

DemoPre-roll video integration


Wrapping Up

•New pre-roll video ads

Wrapping Up

Wrapping Up

•New pre-roll video ads•Medium rectangle ads






Wrapping Up

•New pre-roll video ads•Medium rectangle ads• Interstitials on iPhone

Wrapping Up

•New pre-roll video ads•Medium rectangle ads• Interstitials on iPhone•New view controller banner APIs

Wrapping Up

•New pre-roll video ads•Medium rectangle ads• Interstitials on iPhone•New view controller banner APIs•Optimize your app’s ad performance

John GeleynseDirector, Technology [email protected]

DocumentationiOS SDK Libraryhttp://developer.apple.com/ios

Apple Developer Forumshttp://devforums.apple.com

More Information

http://developer.apple.com/ios

http://developer.apple.com/ios

http://devforums.apple.com

http://devforums.apple.com

Introduction to iBooks Author Widget and iAd Rich Media Ad Development with iAd Producer 4

Russian HillWednesday 11:30am

Building Advanced iBooks HTML 5 Widgets and iAd Rich Media Ads Russian HillWednesday 3:15pm

Introducing iAd Workbench, The Best Way to Market Your App Russian HillTuesday 3:15pm

Related Sessions

iTunes Connect Lab Services Lab BFriday 10:15am

iAd Technologies Lab Media Lab AThursday 3:15pm

Labs

Internationalization Lab Frameworks Lab BFriday 11:30am

iAd Integration and Best Practices · iAd Integration and Best Practices Nathan de Vries iOS Apps...

Documents

Transcript of iAd Integration and Best Practices · iAd Integration and Best Practices Nathan de Vries iOS Apps...