如何优雅的插入广告-iOS篇

开始讲故事 《如何优雅的插入广告》

当应用发展到一定阶段，一般都会在feeds流中插入广告，来进行广告的变现，这是每个应用都要进行的过程。 比如微信朋友圈，微博，QQ空间。。。 不列举了，一般有feeds流的都会有广告。



当你的应用也需要在原有的业务上插入广告，你会怎么做？ 可能你会直接叫接口把广告跟业务数据合并下，就下发给你。然后你在业务层去各种判断。



曾经这样做的程序猿应该很多，累吗？ 这样子的插入，需要去改各种代码，还可能在一个微小的角落 可能直接调用了

- (nullable __kindof UITableViewCell *)cellForRowAtIndexPath:(NSIndexPath *)indexPath;

，然后返回的类型不对，应用直接Crash了

出栏

现在有个新框架来解决这种情况啦，该框架前无古人开源（可能我没搜到），超级一流xxxx（呃，不懂吹啥了，发现不说大一点，都没人敢用，有bug可以提哦。目前公司应用加起来，总用户突破1个亿，日活700W。其实代码的稳定性还是可以放心的。）

要解决的目标：

旧代码少改动，或者不改动。

业务跟广告模块分离

广告模块可以获取真实数据源。

上手简单

用法：

我先下载了 YYKit，YYKit作者对代码的极致追求也是我喜欢的。主要原因是因为它里面有Feeds(Twitter,微博)的demo。就像我们以前的业务代码，够复杂，逻辑够多。

开始

我对demo的具体代码是不了解的，但是有了IMYAOPTableView，我已经可以不需要懂内部的实现，就可以对它进行广告的插入。

先找到了初始化 Twitter,微博 的ViewController地方，并且获取TableView的AopUtils。只有3行代码。 哦，还有一个声明。

///只是声明，防止提前释放
@property (nonatomic, strong) IMYAOPDemo* aopDemo;

///插入3行代码的地方
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
NSString *className = self.classNames[indexPath.row];
Class class = NSClassFromString(className);
if (class) {
UIViewController *ctrl = class.new;

///begin 插入3行代码
self.aopDemo = [IMYAOPDemo new];
UITableView* feedsTableView = [ctrl valueForKey:@"tableView"];
self.aopDemo.aopUtils = feedsTableView.aop_utils;
///end

ctrl.title = _titles[indexPath.row];
self.title = @" ";
[self.navigationController pushViewController:ctrl animated:YES];
}
[self.tableView deselectRowAtIndexPath:indexPath animated:YES];
}

这个时候需要新建一个，维护广告逻辑的类，简单的建立了个

IMYAOPDemo

文件，核心代码就是设置数据回调，跟选择插入的位置。

- (void)injectTableView
{
[self.aopUtils.tableView registerClass:[UITableViewCell class]  forCellReuseIdentifier:@"AD"];

///广告回调，跟TableView的Delegate，DataSource 一样。
self.aopUtils.delegate = self;
self.aopUtils.dataSource = self;

dispatch_async(dispatch_get_main_queue(), ^{
[self insertRows];
});
}
///简单的rows插入
- (void)insertRows
{
NSMutableArray<IMYAOPTableViewInsertBody*>* insertBodys = [NSMutableArray array];
///随机生成了5个要插入的位置
for (int i = 0 ; i< 5; i++) {
NSIndexPath* indexPath = [NSIndexPath indexPathForRow:arc4random()%10 inSection:0];
[insertBodys addObject:[IMYAOPTableViewInsertBody insertBodyWithIndexPath:indexPath]];
}
///清空 旧数据
[self.aopUtils insertWithSections:nil];
[self.aopUtils insertWithIndexPaths:nil];

///插入 新数据, 同一个 row 会按数组的顺序 row 进行 递增
[self.aopUtils insertWithIndexPaths:insertBodys];

///调用tableView的reloadData，进行页面刷新
[self.aopUtils.tableView reloadData];
}

广告的回调，其实看代码，他们也是继承了TableView Delegate，跟DataSource，保持跟TableView回调的一致性，方便把旧的广告代码迁移过来。

@protocol IMYAOPTableViewDelegate <UITableViewDelegate>;
@protocol IMYAOPTableViewDataSource <UITableViewDataSource>

接下来就是要实现TableView的广告回调了， 其实下面两个回调是不会调用的，就是返回数据源数量的回调，因为这个是由业务模块决定的。但是没实现xcode会有警告，所以也可以顺手写上。

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView;
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section;

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
UITableViewCell* cell = [tableView dequeueReusableCellWithIdentifier:@"AD"];
if(cell.contentView.subviews.count == 0) {
CGFloat screenWidth = [UIScreen mainScreen].bounds.size.width;
CGFloat imageHeight = 162 * (screenWidth/320.0f);
UIImageView* imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, screenWidth, imageHeight)];
imageView.image = [UIImage imageNamed:@"aop_ad_image.jpeg"];
imageView.layer.borderColor = [UIColor blackColor].CGColor;
imageView.layer.borderWidth = 1;
[cell.contentView addSubview:imageView];

UILabel* label = [[UILabel alloc] initWithFrame:CGRectMake(200, 100, 200, 50)];
label.text = @"不要脸的广告!";
[cell.contentView addSubview:label];
}
return cell;
}
-(void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath
{
NSLog(@"插入的cell要显示啦");
}
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
UIAlertView* alertView = [[UIAlertView alloc] initWithTitle:@"被点击了> <" message:[NSString stringWithFormat:@"我的位置: %@",indexPath] delegate:nil cancelButtonTitle:@"哦~滚" otherButtonTitles:nil];
[alertView show];
}

效果图 （GIF , 如不播放，可点击到新页面试试）:



如果有兴趣可以看具体的源码：传送门