Flutter广告集成插件adsense的使用

Flutter广告集成插件adsense的使用

adsense 是一个用于展示谷歌广告（包括AdMob和AdSense）的联合插件。

示例代码

以下是一个完整的示例，展示了如何在Flutter应用中集成 adsense 插件。

import 'package:adsense/adsense.dart';
import 'package:flutter/material.dart';
import 'dart:async';

import 'package:flutter/services.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  String _platformVersion = '未知';
  final _adsensePlugin = Adsense();

  [@override](/user/override)
  void initState() {
    super.initState();
    initPlatformState();
  }

  // 平台消息是异步的，因此我们通过异步方法进行初始化。
  Future<void> initPlatformState() async {
    String platformVersion = 'N/A';

    // 如果在异步平台消息发送期间小部件从树中移除，则我们需要丢弃回复而不是调用setState来更新我们的非存在的外观。
    if (!mounted) return;

    setState(() {
      _platformVersion = platformVersion;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('插件示例应用'),
        ),
        body: Center(
          child: Text('运行于: $_platformVersion\n'),
        ),
      ),
    );
  }
}

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

1 回复

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


当然，下面是一个关于如何在Flutter应用中集成Google AdSense广告的示例代码。请注意，Google AdSense主要用于网站广告，而不是直接在Flutter应用中。然而，Flutter开发者通常使用Google Mobile Ads SDK（以前称为AdMob）来在移动应用中显示广告。不过，这里我将展示一个使用google_mobile_ads插件的示例，这是Flutter中集成Google广告的标准方式。

首先，确保你的Flutter项目已经创建，并在pubspec.yaml文件中添加google_mobile_ads依赖：

dependencies:
  flutter:
    sdk: flutter
  google_mobile_ads: ^x.y.z  # 请替换为最新版本号

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

接下来，你需要初始化广告SDK并加载广告。以下是一个完整的示例，展示如何在Flutter应用中集成横幅广告（Banner Ad）：

  1. 初始化广告SDK

在你的主文件中（例如main.dart），初始化MobileAds实例：

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

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  MobileAds.instance.initialize();
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyHomePage(),
    );
  }
}
  1. 加载并显示横幅广告

创建一个横幅广告小部件：

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

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  BannerAd? _bannerAd;
  BannerAdSize _bannerAdSize = BannerAdSize.smartBanner;

  @override
  void initState() {
    super.initState();
    _createBannerAd();
    _loadBannerAd();
  }

  void _createBannerAd() {
    _bannerAd ??= BannerAd(
      adUnitId: 'ca-app-pub-xxxxxxxxxxxxxxxx/xxxxxxxxxx', // 替换为你的AdUnit ID
      size: _bannerAdSize,
      request: AdRequest(
        keywords: <String>['foo', 'bar'],
        contentUrl: 'http://www.example.com',
        nonPersonalizedAds: false,
      ),
      listener: BannerAdListener(
        onAdLoaded: () {
          print('Banner Ad loaded.');
        },
        onAdFailedToLoad: (AdLoadError error) {
          print('Banner Ad failed to load: ${error.message}');
        },
        onAdOpened: () {
          print('Banner Ad opened.');
        },
        onAdClosed: () {
          print('Banner Ad closed.');
        },
        onAdImpression: () {
          print('Banner Ad impression.');
        },
      ),
    );
  }

  void _loadBannerAd() {
    _bannerAd?.load();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter AdSense Integration Example'),
      ),
      body: Center(
        child: _bannerAd == null
            ? Container()
            : AdWidget(ad: _bannerAd!),
      ),
    );
  }

  @override
  void dispose() {
    _bannerAd?.dispose();
    super.dispose();
  }
}

在这个示例中，我们：

  • 初始化了MobileAds实例。
  • 创建了一个BannerAd实例，并设置了广告单元ID和广告尺寸。
  • 在initState方法中加载了广告。
  • 使用AdWidget在界面上显示广告。
  • 在dispose方法中释放了广告资源。

请确保将adUnitId替换为你自己的AdUnit ID，这个ID可以在Google AdMob控制台中为你的应用创建。

虽然这个示例是关于AdMob的，但流程对于集成其他Google广告服务是类似的。如果你确实需要集成Google AdSense（通常用于网站），你可能需要考虑使用WebView来加载包含AdSense广告的网页内容。然而，直接在Flutter应用中集成AdSense并不常见，因为AdSense主要是为网站设计的。

回到顶部