Flutter广告展示插件ourads的使用

以下是关于“Flutter广告展示插件ourads的使用”的详细内容和完整示例Demo：

Flutter广告展示插件ourads的使用

关于OurAds

OurAds 插件旨在帮助开发者解决编码过程中可能遇到的问题，并且通过减少重复输入来提高开发效率。OurAds 遵循三大原则：性能、生产力和组织性。

• 性能：OurAds 专注于性能优化和资源最小化消耗。
• 生产力：OurAds 提供简单且愉悦的语法。
• 组织性：OurAds 可以轻松地组织你的小部件和代码。

此外，为了进一步提高您的生产力，我们还提供了其他包和广告管理设置。

平台支持

添加依赖

在 pubspec.yaml 文件中添加以下依赖项：

dependencies:
  ourads: 0.1.1

在使用该库的文件中导入：

import 'package:ourads/ourads.dart';

OurAds初始化

在 main() 函数中初始化 OurAds，确保在创建 MaterialApp 之前执行此操作：

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await OurAds(
    iOSAdId: IOSAdId(
      appOpenId: "Place here your iOS AppOpen Ad Id",
      bannerId: "Place here your iOS  Banner Ad Id",
      interstitialId: "Place here your iOS Interstitial Ad Id",
      interstitialVideoId: "Place here your iOS Interstitial Video Ad Id",
      rewardedId: "Place here your iOS Rewarded  Ad Id",
      rewardedInterstitialId: "Place here your iOS Rewarded Interstitial Ad Id",
      nativeId: "Place here your iOS Native Advanced Ad Id",
      nativeAdvancedVideoId: "Place here your iOS Native Advanced Video Ad Id",
    ),
    androidAdId: AndroidAdId(
      appOpenId: "Place here your Android AppOpen Ad Id",
      bannerId: "Place here your Android Banner Ad Id",
      interstitialId: "Place here your Android Interstitial Ad Id",
      interstitialVideoId: "Place here your Android Interstitial Video Ad Id",
      rewardedId: "Place here your Android Rewarded  Ad Id",
      rewardedInterstitialId: "Place here your Android Rewarded Interstitial Ad Id",
      nativeId: "Place here your Android Native Ad Id",
      nativeAdvancedVideoId: "Place here your Android Native Advanced Video Ad Id",
    ),
  ).initAds(
    hasOpenAd: true,
    // 如果你不想使用开屏广告，可以将此选项设为 false
  );
  // 如果你想从高级用户中隐藏开屏广告，可以在下面的命令上添加逻辑。
  OurAds.resumeOpenAppAds();
  runApp(
    ScreenUtilInit(
      designSize: Size(360, 760),
      builder: (_, __) => MyApp(),
    ),
  );
}

iOS平台特定设置

更新 ios/Runner/Info.plist 文件以添加两个键：

• GADApplicationIdentifier 键，其字符串值为您的 AdMob 应用程序ID（在 AdMob UI 中标识）。
• SKAdNetworkItems 键，包含 Google 的 SKAdNetworkIdentifier 值 cstr6suwn9.skadnetwork。

<key>GADApplicationIdentifier</key>
<string>ca-app-pub-3940256099942544~1458002511</string>
<key>GADIsAdManagerApp</key>
<true/>
<key>NSUserTrackingUsageDescription</key>
<string>This identifier will be used to deliver personalized ads to you.</string>
<key>GADNativeAdValidatorEnabled</key>
<false/>
<key>SKAdNetworkItems</key>
<array>
  <dict>
    <key>SKAdNetworkIdentifier</key>
    <string>cstr6suwn9.skadnetwork</string>
  </dict>
  <!-- 添加更多 SKAdNetworkIdentifier -->
</array>

Android平台特定设置

在 android/app/src/main/AndroidManifest.xml 文件中添加 AdMob 应用程序ID：

<manifest>
  <application>
    <!-- Sample AdMob App ID: ca-app-pub-3940256099942544~3347511713 -->
    <meta-data
      android:name="com.google.android.gms.ads.APPLICATION_ID"
      android:value="ca-app-pub-3940256099942544~3347511713"/>
  </application>
</manifest>

示例

开屏广告

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await OurAds().initAds(
    hasOpenAd: true,
  );
  OurAds.resumeOpenAppAds();
  runApp(
    MyApp()
  );
}

插屏广告

Scaffold(
  appBar: AppBar(
    title: Text('Interstitial Ad'),
    centerTitle: true,
  ),
  body: Column(
    mainAxisAlignment: MainAxisAlignment.center,
    children: [
      Text(
        'Button Below will take you to the new screen and also shows you \n'
        'Interstitial Ad \n \n',
        style: TextStyle(fontSize: 20, fontWeight: FontWeight.w600),
        textAlign: TextAlign.center,
      ),
      ElevatedButton(
        onPressed: () {
          OurAds.showInterstitialAd();
          Get.toNamed(Routes.SHOW_INTERSTITIAL_AD);
        },
        child: Text('Show Interstitial Ad'),
      )
    ],
  ),
);

横幅广告

Scaffold(
  appBar: AppBar(
    title: Text('Banner Ads'),
    centerTitle: true,
  ),
  body: Column(
    children: [
      StandardBanner(), // 标准横幅广告，大小为 320x50
      LargeBanner(), // 大型横幅广告，大小为 320x100
      MediumRectangle(), // 中型矩形广告，大小为 320x250
      FullSizeBanner(), // 全尺寸横幅广告，大小为 468x60
      LeaderboardBanner(), // 领导板广告，大小为 728x90
    ],
  ),
);

横幅广告尺寸

实现实时ID

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await OurAds(
    iOSAdId: IOSAdId(
      appOpenId: "Place here your iOS AppOpen Ad Id",
      bannerId: "Place here your iOS  Banner Ad Id",
      interstitialId: "Place here your iOS Interstitial Ad Id",
      interstitialVideoId: "Place here your iOS Interstitial Video Ad Id",
      rewardedId: "Place here your iOS Rewarded  Ad Id",
      rewardedInterstitialId: "Place here your iOS Rewarded Interstitial Ad Id",
      nativeId: "Place here your iOS Native Advanced Ad Id",
      nativeAdvancedVideoId: "Place here your iOS Native Advanced Video Ad Id",
    ),
    androidAdId: AndroidAdId(
      appOpenId: "Place here your Android AppOpen Ad Id",
      bannerId: "Place here your Android Banner Ad Id",
      interstitialId: "Place here your Android Interstitial Ad Id",
      interstitialVideoId: "Place here your Android Interstitial Video Ad Id",
      rewardedId: "Place here your Android Rewarded  Ad Id",
      rewardedInterstitialId: "Place here your Android Rewarded Interstitial Ad Id",
      nativeId: "Place here your Android Native Ad Id",
      nativeAdvancedVideoId: "Place here your Android Native Advanced Video Ad Id",
    ),
  ).initAds(
    hasOpenAd: true,
    // 如果你不想使用开屏广告，可以将此选项设为 false
  );
  // 如果你想从高级用户中隐藏开屏广告，可以在下面的命令上添加逻辑。
  OurAds.resumeOpenAppAds();
  runApp(
    ScreenUtilInit(
      designSize: Size(360, 760),
      builder: (_, __) => MyApp(),
    ),
  );
}