PhoneGap (Cordova) users, you are no doubt used to dealing with PhoneGap plugins to interact with frameworks, to keep your distance from having to dive into Objective-C. Well, in the case of iAd integration, you might actually find that the native approach is easier.<\/p>\n
What's one of the biggest headaches as the layers of abstraction get higher and higher – dependencies. Finding the right plugin to match your version of PhoneGap, and integrating it requires another layer that just isn't necessary.<\/p>\n
I'm going to describe the step to integrate iAd into your PhoneGap application, leaving you amazed at how simple it is. Note that I'm walking through this using XCode 4.3.2. The steps may be different for earlier\/later releases.<\/p>\n
Open up MainViewController.m<\/em><\/p>\n<\/li>\n In your viewDidUnload method, add:<\/p>\n <\/p>\n<\/li>\n In your webViewDidFinishLoad method, add: \t\t \t\t<\/span><\/code><\/p>\n <\/p>\n<\/li>\n If you don't already have a willAnimateRotationToInterfaceOrientation method, add it, and drop in the following code: <\/p>\n <\/p>\n Steps 1-6 should be somewhat straightforward, but let's talk about step #7 a bit. Essentially what we're doing here is handling the change in orientation of the phone from portrait to landscape mode, and vice-versa. iAd advertisements have different sizes which are better suited to a given orientation. But, this is not handled automatically.<\/p>\n You need to adjust not only the size of the ad displayed, but also it's position in the view, whenever the orientation is changed. One of the most confusing aspects, is that although the orientation has changed, the dimensions stick.<\/p>\n For example, in portrait mode, self.view.frame.size.width will read 320. However, it reads the same dimension even in landscape mode. So, to properly place the ad in landscape (if you wish to place it at the bottom of the view), we need to subtract the ad height from the frame width.<\/p>\n","protected":false},"excerpt":{"rendered":" PhoneGap (Cordova) users, you are no doubt used to dealing with PhoneGap plugins to interact with frameworks, to keep your distance from having to dive…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"amp_status":""},"categories":[132],"tags":[181],"_links":{"self":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts\/661"}],"collection":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/comments?post=661"}],"version-history":[{"count":4,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts\/661\/revisions"}],"predecessor-version":[{"id":693,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts\/661\/revisions\/693"}],"wp:attachment":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/media?parent=661"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/categories?post=661"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/tags?post=661"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}#import <\/span><iAd\/iAd.h>
\n\t\t\t<\/code><\/p>\n@interface<\/span> MainViewController : CDVViewController<\/span> {
\n\t\t\t ADBannerView *adView;
\n\t\t\t<\/span>}
\n\t\t\t<\/code><\/p>\n<\/li>\n[<\/span>adView<\/span> <\/span>release];<\/span><\/code><\/p>\n
\n\t\t\t <\/p>\nadView<\/span> = [[<\/span>ADBannerView <\/span>alloc<\/span>] <\/span>initWithFrame<\/span>:<\/span>CGRectZero];
\n\t\t\t<\/span>
\n\t\t\t<\/span><\/code><\/p>\nif<\/span>([<\/span>UIApplication<\/span> <\/span>sharedApplication].<\/span>statusBarOrientation <\/span>==
\n\t\t\t<\/span> UIInterfaceOrientationPortrait ||
\n\t\t\t [<\/span>UIApplication<\/span> <\/span>sharedApplication].<\/span>statusBarOrientation<\/span> ==
\n\t\t\t<\/span> UIInterfaceOrientationPortraitUpsideDown) {
\n\t\t\t<\/span> adView<\/span>.<\/span>currentContentSizeIdentifier = <\/span>ADBannerContentSizeIdentifierPortrait;
\n\t\t\t}
\n\t\t\t<\/span>else {
\n\t\t\t<\/span> adView<\/span>.<\/span>currentContentSizeIdentifier = <\/span>ADBannerContentSizeIdentifierLandscape;
\n\t\t\t}<\/span><\/code><\/p>\n
\n\t\tadView.<\/span>currentContentSizeIdentifier = <\/span>ADBannerContentSizeIdentifierPortrait;
\n\t\t<\/span>CGRect<\/span> adFrame = adView<\/span>.frame<\/span>;
\n\t\tadFrame.<\/span>origin.<\/span>y = <\/span>self<\/span>.<\/span>view.<\/span>frame.<\/span>size.<\/span>height-<\/span>adView<\/span>.<\/span>frame.<\/span>size.<\/span>height;
\n\t\t<\/span>adView<\/span>.frame<\/span> = adFrame;
\n\t\t[<\/span>self<\/span>.<\/span>view<\/span> <\/span>addSubview:<\/span>adView<\/span>];<\/p>\n
\n\t\t\t <\/p>\n- (void<\/span>)willAnimateRotationToInterfaceOrientation:(UIInterfaceOrientation<\/span>)newInterfaceOrientation duration:(NSTimeInterval<\/span>)duration {
\n\t\t\t
\n\t\t\t BOOL<\/span> hide = (newInterfaceOrientation == <\/span>UIInterfaceOrientationLandscapeLeft || newInterfaceOrientation == <\/span>UIInterfaceOrientationLandscapeRight);
\n\t\t\t<\/span> [[<\/span>UIApplication<\/span> <\/span>sharedApplication] <\/span>setStatusBarHidden:hide <\/span>withAnimation:<\/span>UIStatusBarAnimationNone];
\n\t\t\t<\/span> CGRect<\/span> mainFrame = [[<\/span>UIScreen<\/span> <\/span>mainScreen] <\/span>applicationFrame];
\n\t\t\t<\/span> [self<\/span>.view<\/span> setFrame<\/span>:mainFrame];<\/code><\/p>\n if<\/span> (newInterfaceOrientation != <\/span>UIInterfaceOrientationLandscapeLeft && newInterfaceOrientation != <\/span>UIInterfaceOrientationLandscapeRight) {
\n\t\t\t<\/span>
\n\t\t\t adView<\/span>.<\/span>currentContentSizeIdentifier = <\/span>ADBannerContentSizeIdentifierPortrait;
\n\t\t\t<\/span> [<\/span>self<\/span>.<\/span>view<\/span> <\/span>bringSubviewToFront:<\/span>adView<\/span>];
\n\t\t\t<\/span> adView<\/span>.<\/span>frame = <\/span>CGRectMake<\/span>(<\/span>0.0<\/span>, <\/span>self<\/span>.<\/span>view.<\/span>frame.<\/span>size.<\/span>height - <\/span>adView<\/span>.<\/span>frame.<\/span>size.<\/span>height, <\/span>adView<\/span>.<\/span>frame.<\/span>size.<\/span>width, <\/span>adView<\/span>.<\/span>frame.<\/span>size.<\/span>height);<\/span><\/code><\/p>\n }<\/code><\/p>\n else {<\/span><\/code><\/p>\n adView<\/span>.<\/span>currentContentSizeIdentifier = <\/span>ADBannerContentSizeIdentifierLandscape;
\n\t\t\t<\/span> [<\/span>self<\/span>.<\/span>view<\/span> <\/span>bringSubviewToFront:<\/span>adView<\/span>];
\n\t\t\t<\/span> adView<\/span>.<\/span>frame = <\/span>CGRectMake<\/span>(<\/span>0.0<\/span>, <\/span>self<\/span>.<\/span>view.<\/span>frame.<\/span>size.<\/span>width - <\/span>adView<\/span>.<\/span>frame.<\/span>size.<\/span>height, <\/span>adView<\/span>.<\/span>frame.<\/span>size.<\/span>width, <\/span>adView<\/span>.<\/span>frame.<\/span>size.<\/span>height);<\/span><\/code><\/p>\n }<\/code><\/p>\n}<\/code><\/p>\n<\/li>\n<\/ol>\n