【Flutter】リワード広告をアプリ内に表示するやり方をわかりやすく解説【Admob】

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.rewardads">
    <!-- ↓この1行を追加 -->
    <!-- この1行でアプリがインターネットに接続できるようになる -->
    <uses-permission android:name="android.permission.INTERNET" /> 
   <application
        android:label="rewardads"
        android:icon="@mipmap/ic_launcher">
        <!-- ↓下記3行を追加 -->
        <!-- ここでは広告ID（広告を識別するための一意のID）を定義（今回はテスト広告用IDを指定） -->
            <meta-data
        android:name="com.google.android.gms.ads.APPLICATION_ID"
        android:value="ca-app-pub-3940256099942544~3347511713"/>
        <activity
            android:name=".MainActivity"
            android:launchMode="singleTop"
            android:theme="@style/LaunchTheme"
            android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
            android:hardwareAccelerated="true"
            android:windowSoftInputMode="adjustResize">
            <meta-data
              android:name="io.flutter.embedding.android.NormalTheme"
              android:resource="@style/NormalTheme"
              />
            <meta-data
              android:name="io.flutter.embedding.android.SplashScreenDrawable"
              android:resource="@drawable/launch_background"
              />
            <intent-filter>
                <action android:name="android.intent.action.MAIN"/>
                <category android:name="android.intent.category.LAUNCHER"/>
            </intent-filter>
        </activity>
        <meta-data
            android:name="flutterEmbedding"
            android:value="2" />
    </application>
</manifest>

def localProperties = new Properties()
def localPropertiesFile = rootProject.file('local.properties')
if (localPropertiesFile.exists()) {
    localPropertiesFile.withReader('UTF-8') { reader ->
        localProperties.load(reader)
    }
}

def flutterRoot = localProperties.getProperty('flutter.sdk')
if (flutterRoot == null) {
    throw new GradleException("Flutter SDK not found. Define location with flutter.sdk in the local.properties file.")
}

def flutterVersionCode = localProperties.getProperty('flutter.versionCode')
if (flutterVersionCode == null) {
    flutterVersionCode = '1'
}

def flutterVersionName = localProperties.getProperty('flutter.versionName')
if (flutterVersionName == null) {
    flutterVersionName = '1.0'
}

apply plugin: 'com.android.application'
apply plugin: 'kotlin-android'
apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"

android {
    compileSdkVersion 30

    sourceSets {
        main.java.srcDirs += 'src/main/kotlin'
    }

    defaultConfig {
        // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html).
        applicationId "com.example.rewardads"
        <!-- 下記minSdkVersionを16から20に変更する -->
        <!-- 理由はAdmobライブラリの最低必要バージョンが19以上であり、16のままだとバージョンのコンフリクトを起こしてアプリがクラッシュするため -->
        minSdkVersion 20
        targetSdkVersion 30
        versionCode flutterVersionCode.toInteger()
        versionName flutterVersionName
    }

    buildTypes {
        release {
            signingConfig signingConfigs.debug
        }
    }
}

flutter {
    source '../..'
}

dependencies {
    implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
}

name: rewardads
description: A new Flutter project.

publish_to: 'none' # Remove this line if you wish to publish to pub.dev

version: 1.0.0+1

environment:
  sdk: ">=2.7.0 <3.0.0"

dependencies:
  flutter:
    sdk: flutter
<!-- 下記1行を追加 -->
<!-- この1行を追加しファイルを保存することで、自分のプロジェクトにfirease_admobライブラリをインストールできます。 -->
  firebase_admob: ^0.11.0


  cupertino_icons: ^1.0.2

dev_dependencies:
  flutter_test:
    sdk: flutter


flutter:


  uses-material-design: true

import 'package:flutter/material.dart';
<!-- 下記1行追加 -->
<!-- pubspec.yamlでインストールしたライブラリをmain.dartで使えるようにする -->
import 'package:firebase_admob/firebase_admob.dart';

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

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  <!-- 下記5行を追加 -->
  <!-- initStateはアプリ起動時に行う処理を管理します。 -->
  <!-- ここで広告データを生成する処理を呼び出し、アプリ起動時に広告データをロードします -->
  @override
  void initState() {
    super.initState();
    createRewardAdAndLoad();
  }

　<!-- 下記5行を追加 -->
　<!-- ここでテスト用の広告データを作成します -->
　<!-- adUnitIdで広告IDを指定します -->
　<!-- テストではなく本番用の広告IDを指定するときはadUnitIdにadmobで取得した広告IDを入れればOKです -->
  createRewardAdAndLoad() {
    RewardedVideoAd.instance.load(
        adUnitId: RewardedVideoAd.testAdUnitId,
        targetingInfo: MobileAdTargetingInfo());
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'You have pushed the button this many times:',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headline4,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        <!-- 下記7行を追加　 -->
        <!-- ここではボタンを押下したら広告を表示する処理を書きます　 -->
        onPressed: () {
          RewardedVideoAd.instance..show();
          RewardedVideoAd.instance.listener = (RewardedVideoAdEvent event,
              {String rewardType, int rewardAmount}) {
            print("showed");
          };
        },
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ),
    );
  }
}