プログラミング、フリーダイビング、ブロックチェーンのブログ

プログラミング道場

私がおすすめするプログラミング教材のまとめ【書籍と動画】

これからエンジニアになりたい人へ向けた本 私が書いた、「これからエンジニアになりたい人」に向けた本です。 最近、世間ではプログラミングの必要性が声高く叫ばれるようになりました。 子供向けには2021年からプログラミング教育が義務教育で実施さ ...

続きを見る

【Flutter入門】AdMobで広告を表示させる方法

投稿日:

記事の内容


この記事では、FlutterでAdMobを使って広告を表示する方法を紹介します。
firebase_admobを使って実装します。

pubspec.ymlの変更

追記場所はここです。
firebase_admobだけでなく、firebase_coreも忘れないようにしましょう。

firebase_core: ^0.4.4+3
firebase_admob: ^0.9.3+2

pubspec.ymlを変更した後は、main.dartに戻って、「Get Dependencies」をクリックします。

AndroidManifestの変更

app/src/main/AndroidManifest.xmlに追記します。
valueには、自分のIDを設定しましょう。
AdMobのコンソール画面で取得できます。

<meta-data
    android:name="com.google.android.gms.ads.APPLICATION_ID"
    android:value="ca-app-pub-52174119~8485805"/>

これも必要かも?

<uses-permission android:name="android.permission.BLUETOOTH" />

build.gradleの設定

app/build.gradleも確認して、以下の行がない場合は、追記しましょう。

implementation 'com.google.firebase:firebase-core:17.0.0'

iOSの設定

iOSの場合は、ios/Runner/info.plistの中に、追記します。

<key>GADApplicationIdentifier</key>
<string>ca-app-pub-521333374119~848555533381444405</string>

コードの説明

initStateの先頭で読み込んでいます。
showの設定で、バナーの位置をTopやBottomに変更することができます。

FirebaseAdMob.instance.initialize(appId: FirebaseAdMob.testAppId);
BannerAd _bannerAd = _createBannerAd();
_bannerAd
  ..load()
  ..show(
    anchorOffset: 20.0,
  );

_targetingInfoで、自分が読み込みたいキーワードを設定できます。

MobileAdTargetingInfo _targetingInfo = new MobileAdTargetingInfo(
  keywords: <String>['travel'],
);

MobileAdTargetingInfoに設定できる引数のいくつかは「deprecated」なので警告が出ているものは、使わないようにしましょう。
birthdayやgenderとかですね。

パラメータの詳細な意味は、ここに書かれているので、気になる方は読んでみて下さい。

まとめ

この記事では、FlutterでAdMobを使って広告を表示する方法を紹介しました。
TestのAdは成功しても、自分のAdに切り替えると表示されない場合があります。
その時は、エラーメッセージを確認しましょう。

onAdFailedToLoad: 3
ERROR_CODE_NO_FILL

このエラーは、リクエスト自体は成功しているが、配信される広告がない場合に発生するそうです。
アプリの開発初期段階などで起こります。
放っておけば直るはずです。

Good luck for your engineer life!

DartとFlutterをより詳しく勉強したい人は、この記事を読んで下さい

Dart
FlutterとDartの学習でおすすめの本と動画【2021年最新】

初心者向け Dart入門 - Dartの要点をつかむためのクイックツアー Dartの構文などを短時間で確認したい人にオススメの本です。 他の言語を全く使ったことがない人には難しいかもしれないので、ある程度の経験を積んだ人向けです。 でも、内 ...

続きを見る


SwiftでiOSアプリを開発したい人は、この記事を読んで下さい

Swiftの学習でおすすめの本と動画【2021年最新】

初心者向け 【6日で速習】iOS 13アプリ開発入門決定版 20個のアプリを作って学ぼう ▼ 今すぐ詳細を見てみる 地図検索、カメラ投稿、タイマー、日出時刻検索、ARアプリ、AIアプリなど実用アプリを20個以上作って学ぶことができます。 作 ...

続きを見る


KotlinでAndroidアプリを開発したい人は、この記事を読んで下さい

Kotlinの勉強でおすすめの本と動画【2021年最新】

初心者向け やさしいKotlin入門 プログラミング経験がない人にもオススメできる一冊です。 これ一冊で、アプリを作れるようにはなりませんが、Kotlinの楽しさを知るにはいい本だと思います^^ 速習 Kotlin: Javaより簡単!新A ...

続きを見る


Gitをより詳しく勉強したい人は、この記事を読んで下さい

Gitの学習でおすすめの本と動画【2021年最新】

漫画?でわかりやすく学ぶ入門書の定番 わかばちゃんと学ぶGit使い方入門 Gitの入門書の定番と言っても差し支えありません。 絵や図で解説している本なので、わかりやすく頭に入ってきます。 サルでもわかるGit入門 Gitの解説サイトが書籍化 ...

続きを見る


ゼロからWebエンジニアになりたい人は、この記事を読んで下さい

ゼロからWebエンジニアとして就職する方法【何もない自分に積み上げていく】

ちまたには、「エンジニアになるための情報」で溢れかえっています。 ジョージさんが考える「Webエンジニアになる方法」を教えて下さい。 私が定義するWebエンジニア まず、最初に以下の図を見て下さい。 これが、Web業界で働く人達の大分類です ...

続きを見る


独学で実務っぽい経験を積みたい人は、この記事を読んで下さい

エンジニアが独学で実務経験っぽいことを学ぶ方法

エンジニアとして就職するためには実務経験が大事だと聞いていますが、就職しないことには実務経験を積むことができません。 どうやって、最初の実務経験を積んだらいいでしょうか? スクールの理想と現実 これからプログラミングを学ぼうとしている人が描 ...

続きを見る

関連コンテンツ

-Flutter, プログラミング

Copyright© プログラミング道場 , 2021 All Rights Reserved Powered by AFFINGER4.