📱 开屏广告
💡 小提示
- 半开屏配置和设计计算略有难度,可参考示例项目中的配置
- 参考官方文档
- 开屏预加载功能,仅 Pro 版支持
请使用真机测试,不要使用模拟器
- Pro 版客户,如有问题随时联系我,提供配置指导
演示视频
全开屏
example/pages/splash_page.dart
/// [posId] 广告位 id
/// [timeout] 加载超时时间
FlutterGromoreAds.showSplashAd(
posId,
timeout: 4.5,
);
半开屏
example/pages/splash_page.dart
1/// [posId] 广告位 id
2/// [logo] 底部 logo 资源名称
3FlutterGromoreAds.showSplashAd(
4 posId,
5 logo: 'flutterads_logo',
6);
Logo 图配置请参考示例
预加载开屏(Pro)
仅 Pro 版本支持开屏广告的预加载,预加载会增加更好的体验
example/pages/splash_page.dart
1/// [posId] 广告位 id
2/// [preload] 是否预加载,不展示
3/// (第 2 次调用则会展示第1次预加载的广告)
4FlutterGromoreAds.showSplashAd(
5 posId,
6 preload: true,
7);
展示预加载(Pro)
要在广告事件监听 AdEventAction.onAdLoaded
中再次调用展示开屏方法,需要设置预加载 preload: true
example/pages/splash_page.dart
1/// 设置广告监听
2Future<void> setAdEvent() async {
3 FlutterGromoreAds.onEventListener((event) {
4 debugPrint('onEventListener adId:${event.adId} action:${event.action}');
5 if (event.action == AdEventAction.onAdLoaded) {
6 // 广告加载成功
7 // 判断是开屏代码位 id,如果是预加载则展示, preload: true 一定要传
8 if (event.adId == AdsConfig.splashId) {
9 FlutterGromoreAds.showSplashAd(
10 AdsConfig.splashId,
11 logo: AdsConfig.logo,
12 preload: true,
13 );
14 }
15 }
16 });