iOS 只要一行代码完成APP广告页

一、广告页功能思路

  • APP第一次安装或版本更新时,有引导页的时候不展示广告,第二次开始展示广告。

  • 创建一个展示广告的Imageview。

  • 添加跳过广告的倒计时按钮。

  • 添加广告页面点击事件,点击广告图片跳转到相应页面;广告链接地址也需要用NSUserDefaults存储。注意:广告详情页面是从首页push进去的。

  • 加载:在启动页展示的时间里,开始加载广告,先将图片通过SD异步下载到本地,并保存图片名,每次打开app时先根据本地存储的图片名查找沙盒中是否存在该图片,如果存在,则显示广告页。在启动页加载完成之后应该去判断广告是否有加载出来。

  • 判断广告图片是否更新:无论本地是否存在广告图片,每次启动都需要重新调用广告接口,根据图片名称或者图片id等方法判断广告是否更新,如果获取的图片名称或者图片id跟本地存储的不一致,则需要重新下载新图片,并删除旧图片。

  • 广告页面的底部和启动图的底部一般都是相同的,给我们的感觉就是启动图加载完之后把广告图放在了启动图上,而且不能有偏差,比如下图淘宝启动画面,美工在制作广告图的时候要注意这点。

  • APP在后台:如果app在后台待机太久,再次进来前台的时候也应该展示广告,所以在applicationDidEnterBackground的时候应该把时间存起来。在applicationWillEnterForeground的时候对比时间差,判断是否显示。

  • 增加广告显示开关:后台在开发广告api的时候可以增加一个字段来判断是否启用广告,如果后台关闭了广告,将沙盒中的图片删除即可。

  • 添加统计:看广告详情有多少人观看,有多少人会跳过等。

二、步骤

1、首先判断APP是否是第一次进入或者版本更新,如果是,启动引导页;如果不是,再判断是否需要显示广告。
if ([Manager isFirstLaunch]) {
        //一句代码启动引导页
        [GuidePageView sharedWithImages:@[@"1.jpg",@"2.jpg",@"3.jpg",@"4.jpg"] buttonImage:@"post_normal" buttonFrame:CGRectMake(0, -10, SCREEN_WIDTH, SCREEN_HEIGHT)];`
    }else {
        //显示广告页
        //后台在开发广告api的时候增加一个字段来判断是否启用广告
        if (self.isShowAdPage) {}
        //一句代码调用广告页
        [ADPageView showAdPageView];
   }
2、创建一个展示广告的Imageview和添加跳过广告的倒计时按钮
- (instancetype)initWithFrame:(CGRect)frame {
    if (self = [super initWithFrame:frame]) {
        //广告页
        _adView = [[UIImageView alloc] initWithFrame:frame];
        _adView.userInteractionEnabled = YES;
        _adView.contentMode = UIViewContentModeScaleAspectFit;
        _adView.clipsToBounds = YES;
        UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(pushToAd)];
        [_adView addGestureRecognizer:tap];
        
        //跳过按钮
        _skipBtn = [UIButton buttonWithType:UIButtonTypeCustom];
        _skipBtn.backgroundColor = RGBAColor(38, 38, 38, 0.6);
        _skipBtn.layer.cornerRadius = 4;
        [_skipBtn setTitle:[NSString stringWithFormat:@"跳过%d",showTime] forState:UIControlStateNormal];
        [_skipBtn setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
        _skipBtn.titleLabel.font = [UIFont systemFontOfSize:15.0f];
        [_skipBtn addTarget:self action:@selector(dismissAdView) forControlEvents:UIControlEventTouchUpInside];
        
        [self addSubview:_adView];
        [self addSubview:_skipBtn];
        _skipBtn.sd_layout
        .widthIs(60)
        .heightIs(30)
        .topSpaceToView(self, 20)
        .rightSpaceToView(self, 20);
        
        [self showAdView];
    }
    return self;
}
3、广告页加载,先从沙盒查找,有,则显示,并下载更新,删除旧图片;没有,下载,保存。
- (void)showAdView {
    //先出沙盒读取路径
    NSString *filePath = [self getFilePathWithImageName:UserDefaultObjectForKey(adImageName)];
    BOOL isExist = [[NSFileManager defaultManager] fileExistsAtPath:filePath];
    
    if (isExist) {
        
        [self startTimer];
        UIWindow *window = [UIApplication sharedApplication].keyWindow;
        [window addSubview:self];
        
        [_skipBtn setTitle:[NSString stringWithFormat:@"跳过%d",showTime] forState:UIControlStateNormal];
        _adView.image = [UIImage imageWithContentsOfFile:filePath];
        _adView.contentMode = UIViewContentModeScaleAspectFill;
        _adUrl = UserDefaultObjectForKey(adUrl);
    }
    //无论沙盒中是否存在广告图片,都需要重新调用广告接口,判断广告是否更新
    [self getAdImage];
}
4、图片下载,保存图片名和跳转的广告链接
- (void)downLoadAdImageWithUrl:(NSString *)imageUrl imageName:(NSString *)imageName {
    
    NSURL *url = [NSURL URLWithString:imageUrl];
    
    [[SDWebImageDownloader sharedDownloader] downloadImageWithURL:url options:SDWebImageDownloaderUseNSURLCache progress:nil completed:^(UIImage * _Nullable image, NSData * _Nullable data, NSError * _Nullable error, BOOL finished) {
        //开始存储图片
        NSString *filePath = [self getFilePathWithImageName:imageName];
      
        if ([UIImagePNGRepresentation(image) writeToFile:filePath atomically:YES]) {
            [self deleteOldImage];
            //存新图片和新广告链接
            UserDefaultSetObjectForKey(imageName, adImageName);
            UserDefaultSetObjectForKey(imageUrl, adUrl);
            UserDefaultSynchronize;
        }
    }];
}

Demo下载

GitHub:https://github.com/CCBrother/ADPageViewDemo

推荐阅读更多精彩内容