作为移动开发者,赚钱的方法有多种,例如销售 Flutter 模板、自由职业、教学以及通过 Admob 广告通过应用程序获利,这也是本文的主题。之前我们已经完成了Restaurant Flutter App的UI设计,我们通过创建微光加载效果来改善其用户体验。
在本文中,我们将学习如何在该模板中集成 AdMob 广告。您可以在此处找到源代码以跟进本教程。
因此,事不宜迟,让我们切入主题并开始编写一些代码!
安装 Flutter Google Ads 包
要将 google AdMob 广告集成到我们的应用程序中,我们需要 Flutter Google 广告包,您可以在此处找到该包。
在您最喜欢的 IDE 中打开 Flutter 应用程序后,在终端中运行以下命令:
flutter pub add google_mobile_ads
创建必要的文件夹和文件
安装必要的文件和类后,在 lib 文件夹中创建一个名为controllers 的新文件夹。
在controllers文件夹内创建一个名为ad_manager.dart的文件。
创建另一个名为 data 的文件夹,并在其中创建一个名为 ids.dart 的文件
实施广告
转到标签android->app->main>AndroidManifest.xml并将其添加到meta-data标签内application:
<meta-data
android:name="com.google.android.gms.ads.APPLICATION_ID"
android:value="ca