{"id":642,"date":"2012-06-07T14:28:56","date_gmt":"2012-06-07T14:28:56","guid":{"rendered":"http:\/\/www.sitekickr.com\/blog\/?p=642"},"modified":"2012-06-07T14:28:56","modified_gmt":"2012-06-07T14:28:56","slug":"admob-iphone-apps-device-orientation","status":"publish","type":"post","link":"https:\/\/www.sitekickr.com\/blog\/admob-iphone-apps-device-orientation\/","title":{"rendered":"AdMob iPhone Apps and device orientation"},"content":{"rendered":"

We were closing in on the release of a new iPhone app, when we realized that the landscape orientation really isn't suited well for an advertisement. If you've dabbled with AdMob<\/a>, you know by know that there's no such thing as a full-width landscape ad. AdMob serves the add as if it was designed for landscape view, leaving it up to you to position it how you like.<\/p>\n

There are some tips on this throughout the web, but as a PhoneGap<\/a> user, I started to wonder how some users would know where to "drop" the code.<\/p>\n

Basically, we are overriding existing methods provided by the app framework. So, although you won't see a willAnimateRotationToInterfaceOrientation<\/em> method in your MainViewController.m<\/em>, you can simply add it to override the default.<\/p>\n

I've pasted some code below which does a few things:<\/p>\n

    \n
  1. Forces ads to the bottom<\/li>\n
  2. Hides the status bar in landscape mode<\/li>\n
  3. Puts ads in "test" mode<\/li>\n
  4. Sets the preferred gender for ad targeting to female<\/li>\n
  5. Hides ads in landscape mode<\/li>\n
  6. Demonstrates how to position ads in landscape mode (commented out)<\/li>\n<\/ol>\n

     <\/p>\n

    - (void) webViewDidFinishLoad:(UIWebView*) theWebView
    \n\t{
    \n\t    \/* existing code *\/
    \n\t<\/code><\/p>\n

        bannerView_ = [[GADBannerView alloc] initWithFrame:CGRectMake(0.0,
    \n\t                                            self.view.frame.size.height -
    \n\t                                            GAD_SIZE_320x50.height,
    \n\t                                            GAD_SIZE_320x50.width,
    \n\t                                            GAD_SIZE_320x50.height)];
    \n\t    bannerView_.adUnitID = MY_BANNER_UNIT_ID;
    \n\t    bannerView_.rootViewController = self;
    \n\t    [self.view addSubview:bannerView_];
    \n\t   
    \n\t    GADRequest *request = [GADRequest request];
    \n\t    request.testing = YES;
    \n\t    request.gender = kGADGenderFemale; \/\/ until we have a login with gender info
    \n\t<\/code><\/p>\n

        \/\/ use this if you want to show landscape ads, and center them at the bottom
    \n\t    \/\/[bannerView_ setAutoresizingMask:UIViewAutoresizingFlexibleTopMargin|UIViewAutoresizingFlexibleLeftMargin|UIViewAutoresizingFlexibleRightMargin];
    \n\t    [bannerView_ loadRequest:request];
    \n\t    <\/p>\n

    \t    \/* existing code *\/
    \n\t}<\/p>\n

    \n\t- (void)willAnimateRotationToInterfaceOrientation:(UIInterfaceOrientation)newInterfaceOrientation duration:(NSTimeInterval)duration {
    \n\t    BOOL hide = (newInterfaceOrientation == UIInterfaceOrientationLandscapeLeft || newInterfaceOrientation == UIInterfaceOrientationLandscapeRight);
    \n\t    [[UIApplication sharedApplication] setStatusBarHidden:hide withAnimation:UIStatusBarAnimationNone];
    \n\t    CGRect mainFrame = [[UIScreen mainScreen] applicationFrame];
    \n\t    [self.view setFrame:mainFrame];<\/p>\n

    \t    if (newInterfaceOrientation != UIInterfaceOrientationLandscapeLeft && newInterfaceOrientation != UIInterfaceOrientationLandscapeRight) {
    \n\t        bannerView_.frame=CGRectMake(0.0,
    \n\t                                         self.view.frame.size.height - GAD_SIZE_320x50.height,
    \n\t                                         GAD_SIZE_320x50.width,
    \n\t                                         GAD_SIZE_320x50.height);
    \n\t    }<\/p>\n

    \t        \/* keep ads hidden in landscape view for now
    \n\t        bannerView_.frame=CGRectMake(0.0,
    \n\t                                         0.0,
    \n\t                                         480.0,
    \n\t                                         GAD_SIZE_320x50.height);
    \n\t        *\/
    \n\t}
    \n\t<\/code><\/p>\n","protected":false},"excerpt":{"rendered":"

    We were closing in on the release of a new iPhone app, when we realized that the landscape orientation really isn't suited well for an…<\/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\/642"}],"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=642"}],"version-history":[{"count":1,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts\/642\/revisions"}],"predecessor-version":[{"id":643,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts\/642\/revisions\/643"}],"wp:attachment":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/media?parent=642"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/categories?post=642"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/tags?post=642"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}