📱 开屏广告

💡 小提示
  • 半开屏配置和设计计算略有难度,可参考示例项目中的配置
  • 参考官方文档
  • 开屏预加载功能,仅 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  });