在程序中添加广告

最新推荐文章于 2022-10-17 15:09:03 发布

NextDj

最新推荐文章于 2022-10-17 15:09:03 发布

阅读量1.7k

点赞数

分类专栏： ios 文章标签： uiview testing animation application interface xcode

ios 专栏收录该内容

275 篇文章 0 订阅

订阅专栏

http://www.yifeiyang.net/iphone-development-skills-of-the-articles-published-5-add-an-ad-in-the-program/

Phone/iPad的程序，即使是Free的版本，也可以通过广告给我们带来收入。前提是你的程序足够吸引人，有足够的下载量。

这里，我将介绍一下程序中集成广告的方法。主要有两种广告iAd和AdMob。（还有其他多种可被植入的广告SDK，这里就不都一一介绍了）

iAd

从iOS 4开始，Apple增加了叫做 iAd 的架构，通过它我们可以在程序中提供Apple的广告服务。Apple会支付给开发者60%的广告收入。

iAd Framework中有例程，我们可以下载学习。这里，把简单的步骤说明一下：

追加iAD Framework

首先，在Xcode的［Frameworks］中添加［iAd.framework］。

创建ADBannerView

广告的显示是在一个叫做ADBannerView的窗口中的。通过控制这个窗口可以控制广告的显示/隐藏。ADBannerView和一般的UIView没有什么两样，将其作为某个画面的subView，然后通过「frame」控制其显示的位置，大小。一般情况下，缺省iPhone上的话，竖屏是：横320pt, 竖50pt；横屏是：横480pt, 竖32pt。

下面的程序显示了ADBannerView的初始化过程，以父窗口的viewDidLoad中实现为例。

- (void)viewDidLoad {

……【省略】……

    // 初始化ADBannerView
    ADBannerView *adView = [[[ADBannerView alloc] initWithFrame:CGRectZero] autorelease];
    adView.currentContentSizeIdentifier = ADBannerContentSizeIdentifierPortrait;
    // 登陆ADBannerView的delegate，这里我们设定其父窗口自己
    adView.delegate = self;
    // 在父窗口下方表示
    adView.frame = CGRectOffset(adView.frame, 0, self.view.frame.size.height - self.adView.frame.size.height);
    // 添加到父窗口中
    [self.view addSubview:adView];
}

接下来，我们来实现ADBannerView的delegate。这里可以实现在父窗口的UIViewController子类中，也可以单独写一个ViewController。这里面实现了ADBannerView广告的读取，错误处理，全画面表示等delegate的处理设定。

下面实现在父窗口的ViewController中。

#import <UIKit/UIKit.h>
#import <iAd/iAd.h>

@interface XXXViewController : UIViewController<UITextFieldDelegate, ADBannerViewDelegate> {

……【省略】……
}

如上所示，这里增加了「ADBannerViewDelegate」protocol的实现。接下来看看都有哪些delegate接口。

/ 广告读取过程中出现错误
- (void)bannerView:(ADBannerView *)banner didFailToReceiveAdWithError:(NSError * )error{
    // 切换ADBannerView表示状态，显示→隐藏
    // adView.frame = CGRectOffset(adView.frame, 0, self.view.frame.size.height);
}

// 成功读取广告
- (void)bannerViewDidLoadAd:(ADBannerView *)banner{
    // 切换ADBannerView表示状态，隐藏→显示
    // adView.frame = CGRectOffset(adView.frame, 0, self.view.frame.size.height - adView.frame.size.height);
}

// 用户点击广告是响应，返回值BOOL指定广告是否打开
// 参数willLeaveApplication是指是否用其他的程序打开该广告
// 一般在该函数内让当前View停止，以及准备全画面表示广告
- (BOOL)bannerViewActionShouldBegin:(ADBannerView *)banner willLeaveApplication:(BOOL)willLeave {
    NSLog(@"bannerViewActionShouldBegin:willLeaveApplication: is called.");
}

// 全画面的广告表示完了后，调用该接口
// 该接口被调用之后，当前程序一般会作为后台程序运行
// 该接口中需要回复之前被中断的处理（如果有的话）
- (void)bannerViewActionDidFinish:(ADBannerView *)banner {
    NSLog(@"bannerViewActionDidFinish: is called.");
}

以上都实现之后，我们来看看iAd广告的效果。

AdMob

AdMob是另一家移动电话广告市场，现在已被Google收购。借助AdMob, 谷歌计划将其网络搜索主导地位从电脑平台扩展向手机平台。

正因为AdMob现在是Google的了，所以在Android上得到广泛的应用，不过在iPhone上也是同样可以使用的。下面就介绍一下使用方法。

其实步骤很简单：在AdMob上注册用户→登陆你的程序→得到程序固有的Publisher ID→下载并在程序中组入相应代码。

登陆

首先注册用户

注册并登陆之后，需要登记你准备添加广告的程序（这里，即使程序还没有开发完毕也没有关系）。点击下图marketplace→添加site/Application

选择iPhone/iPad程序，如果是Android的话就选择Android应用程序。

接下来填写程序的详细信息。

其中关于程序的URL的填写，如果程序已经发布，那么填写App Store上的URL，否则随便先填一个，以后可以修改。

接下来就可以得到程序的Publisher ID，其使用方法会在下面介绍。

同时，我们可以下载最新的SDK。（其实也可以通过这里下载）

下载并解压之后，会得到如下图的几个文件。其中README.txt有环境说明，文档及例程的下载URL。

注意点

接下来我们看看程序中怎么使用该SDK。首先我们看看例程中有哪些需要注意的。

MY BANNER_UNIT_ID的设定

例程中有下面这样的定义（BannerExampleViewController.m）。

#if !defined(MY_BANNER_UNIT_ID)
  #error "You must define MY_BANNER_UNIT_ID as your AdMob Publisher ID"
#endif

这里就需要上面介绍的注册时得到的程序专有的Publisher ID。没有它，编译的时候将报错。类似下面的样子，我们设定一下。

2
3
4
5

	

#define MY_BANNER_UNIT_ID   @"xxxxxxxxxxxxxxx"

#if !defined(MY_BANNER_UNIT_ID)
  #error "You must define MY_BANNER_UNIT_ID as your AdMob Publisher ID"
#endif

另外，还有一个测试时用的属性

测试的时候将 GADRequest::testing 属性置为 YES。如下For Testing的设置。

 // Let the runtime know which UIViewController to restore after taking
  // the user wherever the ad goes and add it to the view hierarchy.
  bannerView_.rootViewController = self;
  [self.view addSubview:bannerView_];

  // For Testing
  GADRequest *rq = [GADRequest request];
  rq.testing = YES;

  // Initiate a generic request to load it with an ad.
  [bannerView_ loadRequest:rq];

显示的广告如下图。

不过，该设定只对模拟器有效，在实际设备上运行时，仍然显示真实的广告。如下图。

例程

接下来，通过一个例程说明一下AdMob广告的添加过程。

1. Xcode 4中创建一个「Tab Bar Application」新程序「AdMobTabBar」

2. 将 AdMob SDK 放到该工程中。

3. 添加 AdMob 所必须的 Framework（ AudioToolbox, MediaPlayer, MessageUI, SystemConfiguration。）

4. 创建GADBannerView

与iAD中的ADBannerView类似，AdMob也有一个GADBannerView，用来显示广告。其创建过程如下。

// Create a view of the standard size at the bottom of the screen.
    bannerView_ = [[GADBannerView alloc]
                            initWithFrame:CGRectMake(0.0,
                                            self.view.frame.size.height -
                                            TABBAR_HEIGHT,
                                            GAD_SIZE_320x50.width,
                                            GAD_SIZE_320x50.height)];

    // delegate の設定
    bannerView_.delegate = self;

    // Specify the ad's "unit identifier." This is your AdMob Publisher ID.
    bannerView_.adUnitID = MY_BANNER_UNIT_ID;

    // Let the runtime know which UIViewController to restore after taking
    // the user wherever the ad goes and add it to the view hierarchy.
    bannerView_.rootViewController = self;
    [self.view addSubview:bannerView_];

    // For Testing
    GADRequest *rq = [GADRequest request];
    rq.testing = YES;

    // Initiate a generic request to load it with an ad.
    [bannerView_ loadRequest:rq];

同样，也有一个叫做GADBannerViewDelegate的delegate。可以实现在父窗口的UIViewController子类中，也可以单独写一个ViewController。

#import <UIKit/UIKit.h>

#import "GADBannerView.h"

@interface FirstViewController : UIViewController <GADBannerViewDelegate> {
    GADBannerView *bannerView_;

}

@end

或者

3
4
5
6
7

	

#import "GADBannerView.h"
#import "GADBannerViewDelegate.h"

@interface MyBannerView : GADBannerView <GADBannerViewDelegate> {
}

@end

这里的delegate接口与ADBannerViewDelegate其实很类似。

// Admob成功取得
- (void)adViewDidReceiveAd:(GADBannerView *)adMobView {
    NSLog(@"Admob:adViewDidReceiveAd");

    // 动画表示
    adMobAd.frame = CGRectMake(0.0,
             self.view.frame.size.height,
             adMobView.frame.size.width,
             adMobView.frame.size.height);
    [UIView beginAnimations:@"AdMobBannerMoveOnScreen" context:NULL];
    adMobAd.frame = CGRectMake(0.0,
             self.view.frame.size.height - adMobView.frame.size.height,
             adMobView.frame.size.width,
             adMobView.frame.size.height);
    [UIView commitAnimations];
}

// Admob取得失败
- (void)adView:(GADBannerView *)adMobView didFailToReceiveAdWithError:(GADRequestError *)error {
    NSLog(@"Admob:didFailToReceiveAdWithError:%@", [error localizedDescription]);
}

// AdMob广告被打开时
- (void)adViewWillPresentScreen:(GADBannerView *)adView {
}

// 从AdMob的广告跳到其他程序时
-(void) applicationDidEnterBackground:(UIApplication*)application {
}

// 从其他被打开的程序返回到AdMob广告显示
-(void) applicationWillEnterForeground:(UIApplication*)application {
}

// AdMob广告显示被关闭时
- (void)adViewWillDismissScreen:(GADBannerView *)adView {
}

整体的代码如下所示。这里GADBannerView的delegate实现在父窗口的ViewController中。

#import "FirstViewController.h"

#define MY_BANNER_UNIT_ID   @"xxxxxxxxxxxxxxx"
#define ANIMATION_DURATION  0.5f
#define TABBAR_HEIGHT       49.0f

@implementation FirstViewController

// Implement viewDidLoad to do additional setup after loading the view, typically from a nib.
- (void)viewDidLoad
{
    [super viewDidLoad];

    // Create a view of the standard size at the bottom of the screen.
    bannerView_ = [[GADBannerView alloc]
                            initWithFrame:CGRectMake(0.0,
                                            self.view.frame.size.height -
                                            TABBAR_HEIGHT,
                                            GAD_SIZE_320x50.width,
                                            GAD_SIZE_320x50.height)];

    // delegate の設定
    bannerView_.delegate = self;

    // Specify the ad's "unit identifier." This is your AdMob Publisher ID.
    bannerView_.adUnitID = MY_BANNER_UNIT_ID;

    // Let the runtime know which UIViewController to restore after taking
    // the user wherever the ad goes and add it to the view hierarchy.
    bannerView_.rootViewController = self;
    [self.view addSubview:bannerView_];

    // For Testing
    GADRequest *rq = [GADRequest request];
    rq.testing = YES;

    // Initiate a generic request to load it with an ad.
    [bannerView_ loadRequest:rq];
}

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
{
    // Return YES for supported orientations
    return (interfaceOrientation == UIInterfaceOrientationPortrait);
}

- (void)didReceiveMemoryWarning
{
    // Releases the view if it doesn't have a superview.
    [super didReceiveMemoryWarning];

    // Release any cached data, images, etc. that aren't in use.
}

- (void)viewDidUnload
{
    [super viewDidUnload];

    // Release any retained subviews of the main view.
    // e.g. self.myOutlet = nil;
}

- (void)dealloc
{
    bannerView_.delegate = nil;
    [bannerView_ release];

    [super dealloc];
}

- (void)adViewDidReceiveAd:(GADBannerView *)view {
    [UIView animateWithDuration:ANIMATION_DURATION
                     animations:^{
                         bannerView_.center = CGPointMake(bannerView_.center.x, bannerView_.center.y-TABBAR_HEIGHT);
                     }];
}

@end

最终效果如下。