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

プログラミング道場

自分の市場価値を知りたい人にオススメの記事です

【すぐできる】エンジニアとしての市場価値を診断してみよう!

エンジニアが市場価値を把握しておくべき理由 エンジニアは、なぜ市場価値を把握しておいた方がいいのか、まずはその理由について説明します。 エンジニアの市場価値を決める要素 エンジニアの市場価値を決める要素について説明します。 経験業務と年数 ...

続きを見る

私がオススメするプログラミング教材です

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

これからエンジニアになりたい人へ向けた本 私が書いた、「これからエンジニアになりたい人」に向けた本です。 最近、世間ではプログラミングの必要性が声高く叫ばれるようになりました。 子供向けには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とかですね。

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

それでも表示されない場合

TestのAdは成功しても、自分のAdに切り替えると表示されない場合があります。
その時は、エラーメッセージを確認しましょう。

onAdFailedToLoad: 3
ERROR_CODE_NO_FILL

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

Flutterエンジニアの求人

DODAにはFlutterエンジニアの案件が、約190件、登録されていました。



Flutterを使って働きたい人は、DODAに相談してみて下さい



DartとFlutterをより詳しく勉強したい人には、この記事がオススメです

Dart
FlutterとDartの学習でおすすめの本と動画(Udemy)【2022年最新】

初心者向け 脱初心者のための問題集 Dart編 Dartの基礎的な文法を学習し終わった後、次に何をしようかと考えている人にオススメの本です。 基礎を学んだ後にするべきことは、アウトプットです。 この本では、そのアウトプットをするための演習課 ...

続きを見る


SwiftでiOSアプリを開発したい人には、この記事がオススメです

Swiftの学習でおすすめの本と動画(Udemy)【2022年最新】

初心者向け たった2日でマスターするiPhoneアプリ開発集中講座 Xcode 11 Swift 5対応 小学生から高齢者まで、全ての初心者にオススメできる本です。 初めてiPhoneアプリを作る際の定番本です。 SwiftUI / iOS ...

続きを見る


KotlinでAndroidアプリを開発したい人には、この記事がオススメです

Kotlinの勉強でおすすめの本と動画(Udemy)【2022年最新】

初心者向け TECHNICAL MASTER はじめてのAndroidアプリ開発 Kotlin編 Kindle版 Android環境でのプログラミングを初めて学ぶ人のための書籍です。 「Androidアプリ開発の基礎を学びたい!」という人に ...

続きを見る


Gitをより詳しく勉強したい人には、この記事がオススメです

Gitの学習でおすすめの本と動画(Udemy)【2022年最新】

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

続きを見る


ゼロからWebエンジニアになりたい人には、この記事がオススメです

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

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

続きを見る


独学で実務っぽい経験を積みたい人には、この記事がオススメです

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

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

続きを見る

関連コンテンツ

-Flutter, プログラミング

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