Flutter广告集成插件huawei_adsprime的使用

华为广告插件Huawei AdsPrime Kit的使用

pub.dev版本


此插件使华为广告插件Huawei AdsPrime SDK与Flutter平台之间的通信成为可能。华为广告插件Huawei AdsPrime Kit为Flutter提供了以下两种服务:

  • 发布者服务:华为广告插件Huawei AdsPrime 发布者服务利用华为庞大的用户基础和广泛的数据能力,向用户提供有针对性的高质量广告内容。通过这项服务,您的应用将能够在为用户提供相关内容的同时创造收益。
  • 标识符服务:华为广告插件Huawei AdsPrime Kit 提供开放广告标识符(OAID),广告商可以用来投放个性化广告并归因转化。

了解更多请访问开发者文档

安装 #

请参阅pub.devAppGallery Connect配置指南

文档 #

问题或问题反馈 #

如果您在如何使用HMS样本时遇到问题,请尝试以下选项:

  • Stack Overflow 是任何编程问题的最佳场所。请务必使用标签 huawei-mobile-services
  • Github 是这些插件的官方存储库,您可以在此处提交问题或提出建议。
  • 华为开发者论坛 HMS核心模块是针对一般问题、寻求建议和意见的好地方。
  • 华为开发者文档 是所有HMS核心套件的官方文档存放地,您可以在其中找到详细的文档。

如果您在我们的样本中发现了一个错误,请提交到GitHub仓库

许可证 #

华为广告插件Huawei AdsPrime Kit Flutter插件遵循 Apache 2.0许可证

example/lib/main.dart

/*
    版权所有 2020-2024 华为技术有限公司。保留所有权利。
根据Apache许可证2.0版(“许可证”)许可;
除非适用法律要求或书面同意,否则根据许可证分发的软件按“原样”分发,
不带任何明示或暗示的保证或条件。
有关许可证下的具体语言,请参阅许可证。

*/

import ‘package:flutter/material.dart’; import ‘package:huawei_adsprime/huawei_adsprime.dart’; import ‘package:huawei_adsprime_example/pages/ads_menu_page.dart’;

void main() async { WidgetsFlutterBinding.ensureInitialized(); try { // 初始化华为广告插件 await HwAds.init(); // 初始化VastSdkFactory,并设置测试模式 await VastSdkFactory.init( VastSdkConfiguration(isTest: true), ); // 设置用户接受广告授权 await VastSdkFactory.userAcceptAdLicense(true); } catch (e) { debugPrint(‘异常 | $e’); } // 运行应用 runApp(const HmsAdsDemo()); }

// 定义主应用类 class HmsAdsDemo extends StatelessWidget { const HmsAdsDemo({Key? key}) : super(key: key);

@override Widget build(BuildContext context) { // 返回MaterialApp,并设置主页为AdsMenuPage return const MaterialApp( home: AdsMenuPage(), ); } }


更多关于Flutter广告集成插件huawei_adsprime的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter广告集成插件huawei_adsprime的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


huawei_adsprime 是一个用于在 Flutter 应用中集成华为广告服务的插件。它支持多种广告形式,如横幅广告、插屏广告、原生广告和激励视频广告等。以下是如何使用 huawei_adsprime 插件在 Flutter 应用中集成广告的步骤。

1. 添加依赖

首先,在 pubspec.yaml 文件中添加 huawei_adsprime 插件的依赖:

dependencies:
  flutter:
    sdk: flutter
  huawei_adsprime: ^1.0.0  # 请使用最新版本

然后运行 flutter pub get 来安装依赖。

2. 配置华为广告服务

在使用华为广告服务之前,需要在华为开发者平台上创建一个应用,并获取广告位 ID。你可以在华为开发者控制台中找到这些信息。

3. 初始化广告服务

在你的 Flutter 应用中初始化 huawei_adsprime 插件。通常在主 main.dart 文件中进行初始化:

import 'package:flutter/material.dart';
import 'package:huawei_adsprime/huawei_adsprime.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await HuaweiAdsPrime.init(); // 初始化华为广告服务
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

4. 集成广告

根据你需要的广告类型,选择相应的广告形式进行集成。以下是几种常见广告形式的集成示例。

横幅广告

import 'package:flutter/material.dart';
import 'package:huawei_adsprime/huawei_adsprime.dart';

class BannerAdExample extends StatefulWidget {
  @override
  _BannerAdExampleState createState() => _BannerAdExampleState();
}

class _BannerAdExampleState extends State<BannerAdExample> {
  BannerAdController _bannerAdController;

  @override
  void initState() {
    super.initState();
    _bannerAdController = BannerAdController(
      adUnitId: 'your_banner_ad_unit_id', // 替换为你的横幅广告位ID
      size: BannerAdSize.BANNER_SIZE_320_50,
    )..loadAd();
  }

  @override
  void dispose() {
    _bannerAdController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Banner Ad Example'),
      ),
      body: Center(
        child: BannerAd(controller: _bannerAdController),
      ),
    );
  }
}

插屏广告

import 'package:flutter/material.dart';
import 'package:huawei_adsprime/huawei_adsprime.dart';

class InterstitialAdExample extends StatefulWidget {
  @override
  _InterstitialAdExampleState createState() => _InterstitialAdExampleState();
}

class _InterstitialAdExampleState extends State<InterstitialAdExample> {
  InterstitialAdController _interstitialAdController;

  @override
  void initState() {
    super.initState();
    _interstitialAdController = InterstitialAdController(
      adUnitId: 'your_interstitial_ad_unit_id', // 替换为你的插屏广告位ID
    )..loadAd();
  }

  void _showAd() {
    _interstitialAdController.show();
  }

  @override
  void dispose() {
    _interstitialAdController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Interstitial Ad Example'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: _showAd,
          child: Text('Show Interstitial Ad'),
        ),
      ),
    );
  }
}

激励视频广告

import 'package:flutter/material.dart';
import 'package:huawei_adsprime/huawei_adsprime.dart';

class RewardedAdExample extends StatefulWidget {
  @override
  _RewardedAdExampleState createState() => _RewardedAdExampleState();
}

class _RewardedAdExampleState extends State<RewardedAdExample> {
  RewardedAdController _rewardedAdController;

  @override
  void initState() {
    super.initState();
    _rewardedAdController = RewardedAdController(
      adUnitId: 'your_rewarded_ad_unit_id', // 替换为你的激励视频广告位ID
    )..loadAd();
  }

  void _showAd() {
    _rewardedAdController.show();
  }

  @override
  void dispose() {
    _rewardedAdController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Rewarded Ad Example'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: _showAd,
          child: Text('Show Rewarded Ad'),
        ),
      ),
    );
  }
}

5. 处理广告事件

你可以通过监听广告控制器的事件来处理广告的加载、显示、点击等行为。例如:

_bannerAdController.onAdLoaded = () {
  print('Banner Ad Loaded');
};

_bannerAdController.onAdFailed = (errorCode, errorMessage) {
  print('Banner Ad Failed: $errorMessage');
};

_bannerAdController.onAdClicked = () {
  print('Banner Ad Clicked');
};
回到顶部