本帖最后由 广告主 于 2016-10-27 21:52 编辑



1、前言

记得在创新工场的时候产品经理让我实现这个功能,当时我想了一个方案,但是可惜最后产品不需要这个功能了。时隔1年多,新公司又要让我写这个东西了,这几天我完善了一下功能,我决定开源一下这个功能,虽然市场上已经有很多应用都有这个功能了,我只是想分享一下我的实现技巧,100个人有100个想法。




2、实现思路

这两种开屏广告大家都见过吧?一种是半屏,一种是全屏广告。

如图:

iOS开屏广告的实现技巧 1

iOS开屏广告的实现技巧,含Demo源代码 - 敏捷大拇指 - iOS开屏广告的实现技巧 1




2.1、障眼秘籍:

咱们从头开始分析。iOS启动的时候有一个默认开屏页,这个页会一闪而过。我们想在这里加入广告,一定要用到障眼法。所谓障眼法就是我们的广告是压在一个和默认开屏页一抹一样的图片上面。当用户看到了开屏页后,我们用一个和开屏页一样的图压在上面,用户还以为这个就是系统的页面,此时上面广告压上,这样就完美实现了。这里的难点是有的App这个假页面大小和App原来的不一样,这样效果就不好了。这里我写了一个获取系统LaunchImage图片的类,大家可以精确获取系统默认开屏图片,达到天衣无缝的效果。

传送门->

游客,如果您要查看本帖隐藏内容请回复




2.2、缓存秘籍:

以为用户不是用一次App就再也不用了,用户肯定会多次打开app的。虽然已经实现了障眼秘籍,但是如果网速慢图片大,总不能让用户看3秒默认启动图吧?那样体验太不好了,因此还是加入缓存机制比较好。我的实现思路是,第一次不让用户去看这个3秒广告了,直接略过,开一个线程去缓存这张图片。第二次用户再启动App的时候,再显示图片,这里渐隐动画和假启动页配合好,天衣无缝。这里的缓存用到了SDWebImage中的SDWebImageManager。



2.3、其它秘籍:

此处是执行广告页逻辑之前要实现的一些东西,大家可以自由发挥。我在公司项目中是按照如图所示逻辑。Github的demo简单使用userdefault做的演示。

如图:

iOS开屏广告的实现技巧 2

iOS开屏广告的实现技巧,含Demo源代码 - 敏捷大拇指 - iOS开屏广告的实现技巧 2





3、主要实现代码

不喜欢贴太多代码,贴一个调用代码,主要是思路,建议直接看demo吧。

[Objective-C] 纯文本查看 复制代码
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {

    self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
    self.window.backgroundColor = [UIColor whiteColor];
    [self.window makeKeyAndVisible];
    ViewController *VC = [ViewController new];
    UINavigationController *nav = [[UINavigationController alloc] initWithRootViewController:VC];
    self.window.rootViewController = nav;

    NSString *picUrl = @"http://785j3g.com1.z0.glb.clouddn.com/d659db60-f.jpg";
    NSString *userDefaultKey = @"download_key";

    if ([[[NSUserDefaults standardUserDefaults] stringForKey:userDefaultKey] isEqualToString:@"1"]) {
        IanAdsStartView *startView = [IanAdsStartView startAdsViewWithBgImageUrl:picUrl withClickImageAction:^{
            IANWebViewController *VC = [IANWebViewController new];
            VC.title = @"这可能是一个广告页面";
            [(UINavigationController *)self.window.rootViewController pushViewController:VC animated:YES];
        }];

        [startView startAnimationTime:3 WithCompletionBlock:^(IanAdsStartView *startView){
            NSLog(@"广告结束后,执行事件");
        }];
    } else { // 第一次先下载广告
        [IanAdsStartView downloadStartImage:picUrl];

        [[NSUserDefaults standardUserDefaults] setValue:@"1" forKey:userDefaultKey];
        [[NSUserDefaults standardUserDefaults] synchronize];
    }

    return YES;
}


Demo传送门--->

游客,如果您要查看本帖隐藏内容请回复


如图:

iOS开屏广告的实现技巧 3

iOS开屏广告的实现技巧,含Demo源代码 - 敏捷大拇指 - iOS开屏广告的实现技巧 3





4、总结

每个人都有不同的实现方法,你的实现方法是什么呢?




发完《iOS开屏广告的实现技巧,含Demo源代码》,再来发《Swift3.0基于CollectionView的轮播广告控件、请接好》。欢迎前去阅读。




游客,如果您要查看本帖隐藏内容请回复