Flutter广告网络集成插件audience_network的使用

audience_network

Forked from https://pub.dev/packages/facebook_audience_network

• 增加了对多个Interstitial和Rewarded Ads的支持
• 增加了对iOS上的Rewarded Ads的支持

Facebook Audience Network 插件用于Flutter应用（支持Android和iOS）。

Banner Ad	Native Banner Ad	Native Ad

Interstitial Ad	Rewarded Video Ad

开始使用

1. 初始化

为了测试目的，你需要获取测试设备的哈希ID。要获取哈希ID：

1. 在应用程序初始化时调用 <code>AudienceNetwork.init()</code>。
2. 将 <code>BannerAd</code> 小部件放置在你的应用程序中。
3. 运行应用程序。

哈希ID将打印到日志中。将其粘贴到 <code>testingId</code> 参数中。

AudienceNetwork.init(
  testingId: "37b1da9d-b48c-4103-a393-2e095e734bd6", //可选
  testMode: true, // 可选
  iOSAdvertiserTrackingEnabled: true, // 默认为false
);

iOS设置

在Podfile中，将iOS部署目标版本设置为9.0。

2. 显示Banner广告

Container(
  alignment: Alignment(0.5, 1), // 居中对齐
  child: BannerAd(
    placementId: Platform.isAndroid
        ? "YOUR_ANDROID_PLACEMENT_ID"
        : "YOUR_IOS_PLACEMENT_ID",
    bannerSize: BannerSize.STANDARD,
    listener: BannerAdListener(
      onError: (code, message) => print('error'), // 错误处理
      onLoaded: () => print('loaded'), // 广告加载成功
      onClicked: () => print('clicked'), // 广告点击
      onLoggingImpression: () => print('logging impression'), // 广告印象记录
    ),
  ),
)

3. 显示Interstitial广告

final interstitialAd = InterstitialAd(InterstitialAd.testPlacementId);
interstitialAd.listener = InterstitialAdListener(
  onLoaded: () {
    interstitialAd.show(); // 显示广告
  },
  onDismissed: () {
    interstitialAd.destroy(); // 销毁广告
    print('Interstitial dismissed'); // 打印广告关闭信息
  },
);
interstitialAd.load(); // 加载广告

4. 显示Rewarded视频广告

final rewardedAd = RewardedAd(
  RewardedAd.testPlacementId,
  userId: 'some_user_id', // 可选参数，用于服务器端验证
);
rewardedAd.listener = RewardedAdListener(
  onLoaded: () {
    rewardedAd.show(); // 显示广告
  },
  onVideoComplete: () {
    rewardedAd.destroy(); // 销毁广告
    print('Video completed'); // 打印视频完成信息
  },
);
rewardedAd.load(); // 加载广告

5. 显示原生广告

注意：NATIVE_AD_HORIZONTAL 和 NATIVE_AD_VERTICAL 广告类型仅在iOS上受支持。在Android上使用 NATIVE_AD。

NativeAd(
  placementId: NativeAd.testPlacementId,
  adType: NativeAdType.NATIVE_AD,
  width: double.infinity,
  height: 300,
  backgroundColor: Colors.blue,
  titleColor: Colors.white,
  descriptionColor: Colors.white,
  buttonColor: Colors.deepPurple,
  buttonTitleColor: Colors.white,
  buttonBorderColor: Colors.white,
  // 如果不想在小部件重建时刷新adview，则设置为true
  keepAlive: true,
  // 如果想在广告加载时折叠原生广告视图，则设置为false
  keepExpandedWhileLoading: false, 
  // 在广告加载时扩展adview的动画持续时间（以毫秒为单位）
  expandAnimationDuraion: 300, 
  listener: NativeAdListener(
    onError: (code, message) => print('error'), // 错误处理
    onLoaded: () => print('loaded'), // 广告加载成功
    onClicked: () => print('clicked'), // 广告点击
    onLoggingImpression: () => print('logging impression'), // 广告印象记录
    onMediaDownloaded: () => print('media downloaded'), // 媒体下载完成
  ),
)

6. 显示原生横幅广告

使用 <code>NativeBannerAdSize</code> 来选择原生横幅广告的高度。height 属性对原生横幅广告无效。

NativeAd(
  placementId: NativeAd.testPlacementId,
  adType: NativeAdType.NATIVE_BANNER_AD,
  bannerAdSize: NativeBannerAdSize.HEIGHT_100,
  width: double.infinity,
  backgroundColor: Colors.blue,
  titleColor: Colors.white,
  descriptionColor: Colors.white,
  buttonColor: Colors.deepPurple,
  buttonTitleColor: Colors.white,
  buttonBorderColor: Colors.white,
  listener: NativeAdListener(
    onError: (code, message) => print('error'), // 错误处理
    onLoaded: () => print('loaded'), // 广告加载成功
    onClicked: () => print('clicked'), // 广告点击
    onLoggingImpression: () => print('logging impression'), // 广告印象记录
    onMediaDownloaded: () => print('media downloaded'), // 媒体下载完成
  ),
)