Flutter网页广告管理插件admanager_web的使用

Flutter网页广告管理插件admanager_web的使用

简单包，允许我们在Flutter Web中显示来自Ad Manager的广告。最初创建此插件是为了在Flutter Web上显示Adsense广告。

特性

• 请求Ad Manager网络中的广告
• 可以在Flutter Web应用中运行Adsense广告

使用

在pubspec.yaml文件中添加admanager_web作为依赖项。

dependencies:
  admanager_web: ^x.x.x

导入包：

import 'package:admanager_web/admanager_web.dart';

初始化我们的插件以加载所有JS（需要在第一次广告请求之前调用）：

AdManagerWeb.init();

只需将AdBlock小部件添加到你希望显示广告的位置：

[
  AdBlock(
    size: [AdBlockSize.largeRectangle],
    adUnitId: "/6355419/Travel/Europe",
  )
]

加载奖励广告：

[
  AdRewarded().load(
    adUnitId: '/22639388115/rewarded_web_example',
    onAdLoaded: (){},
  )
]

显示奖励广告：

[
  AdRewarded().show(
    onAdClosed: (){},
    onGranted: (int amount){},
  )
]

额外信息

为了提高性能，可以直接在index.html文件的头部添加GPT.js库：

<script
  async
  src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"
></script>

该插件是为了简单地在Flutter Web上显示Google Adsense广告而创建的。它还处于初级阶段，任何帮助使其更好更高效都将受到欢迎。

完整示例代码

以下是一个完整的示例代码，展示了如何在Flutter Web应用中使用admanager_web插件来显示广告和奖励广告。

import 'dart:math';

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

void main() {
  WidgetsFlutterBinding.ensureInitialized();

  // 初始化AdManager插件
  AdManagerWeb.init();

  // 运行应用
  runApp(const MyApp());
}

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'AdManager Web Flutter',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'AdManager Web Flutter'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  final _adRewarded = AdRewarded();
  bool _adRewardedReady = false;

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

    WidgetsBinding.instance.addPostFrameCallback((_) {
      loadRewarded();
    });
  }

  List<Widget> content = [
    const Row(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        Padding(
          padding: EdgeInsets.all(8.0),
          child: Text("点击+按钮添加内容和广告示例"),
        ),
      ],
    )
  ];

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: SingleChildScrollView(
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.center,
          children: content,
        ),
      ),
      floatingActionButton: Column(
        mainAxisSize: MainAxisSize.min,
        mainAxisAlignment: MainAxisAlignment.end,
        children: [
          if (_adRewardedReady)
            FloatingActionButton(
              mini: true,
              backgroundColor: Colors.green,
              onPressed: _askRewarded,
              tooltip: '奖励广告',
              child: const Icon(Icons.attach_money),
            ),
          const SizedBox(height: 8),
          FloatingActionButton(
            onPressed: _addMoreContent,
            tooltip: '添加内容',
            child: const Icon(Icons.add),
          ),
        ],
      ),
    );
  }

  void _addMoreContent() {
    List<Widget> newContent = [];

    // 文本用于随机化内容
    List<String> lorem = [
      "牛肉汉堡，猪肉香肠，短肋排骨，猪肉香肠，猪肉香肠，猪肉香肠，猪肉香肠。",
      "牛肉汉堡，猪肉香肠，短肋排骨，猪肉香肠，猪肉香肠，猪肉香肠，猪肉香肠。",
      "牛肉汉堡，猪肉香肠，短肋排骨，猪肉香肠，猪肉香肠，猪肉香肠，猪肉香肠。",
      "牛排，猪肉香肠，短肋排骨，猪肉香肠，猪肉香肠，猪肉香肠，猪肉香肠。",
      "牛排，猪肉香肠，短肋排骨，猪肉香肠，猪肉香肠，猪肉香肠，猪肉香肠。",
    ];

    // 添加AdManager广告
    newContent.add(const Padding(
      padding: EdgeInsets.all(8.0),
      child: AdBlock(
        size: [AdBlockSize.mediumRectangle],
        adUnitId: "/6355419/Travel/Europe",
      ),
    ));

    // 添加随机文本
    newContent.add(
      Padding(
        padding: const EdgeInsets.all(8.0),
        child: Text(lorem[Random().nextInt(lorem.length)]),
      ),
    );

    // 再次添加AdManager广告
    newContent.add(const Padding(
      padding: EdgeInsets.all(8.0),
      child: AdBlock(
        size: [AdBlockSize.mediumRectangle],
        adUnitId: "/6355419/Travel/Europe",
      ),
    ));

    setState(() {
      content.addAll(newContent);
    });
  }

  void _askRewarded() {
    setState(() {
      _adRewardedReady = false;
    });
    showDialog(
      context: context,
      builder: (context) {
        return AlertDialog(
          title: const Text("奖励广告"),
          content: const Text("你想看一个奖励广告吗？"),
          actions: [
            TextButton(
              onPressed: () {
                Navigator.of(context).pop();
              },
              child: const Text("不"),
            ),
            TextButton(
              onPressed: () {
                Navigator.of(context).pop(true);
                _adRewarded.show(
                  onAdClosed: loadRewarded,
                  onGranted: grantReward,
                );
              },
              child: const Text("是"),
            ),
          ],
        );
      },
    );
  }

  void loadRewarded() {
    _adRewarded.load(
      adUnitId: '/22639388115/rewarded_web_example',
      onAdLoaded: () => setState(() {
        _adRewardedReady = true;
      }),
    );
  }

  void grantReward(int amount) {
    loadRewarded();
    showDialog(
      context: context,
      builder: (context) {
        return AlertDialog(
          title: const Text("奖励广告"),
          content: Text("你获得了$amount"),
          actions: [
            TextButton(
              onPressed: () {
                Navigator.of(context).pop();
              },
              child: const Text("确定"),
            ),
          ],
        );
      },
    );
  }
}