Bu kılavuz, Flutter uygulaması.
Google Mobile Ads SDK'sını Flutter uygulamasına entegre etmek için AdMob reklamları görüntülemenin ve gelir elde etmenin ilk adımıdır. Bir kez entegrasyon tamamlandığından ayrıntılı bilgi almak için adımlarına göz atın.
Flutter için Google Mobile Ads SDK'sı şu anda yükleme ve görüntülemeyi desteklemektedir banner, geçiş reklamı (tam ekran), yerel ve ödüllü reklamlar.
Ön koşullar
- Flutter 1.22.0 veya sonraki sürümler
- Android
- Android Studio 3.2 veya sonraki sürümler
- Android API düzeyi 20 veya sonraki sürümleri hedefleyin
compileSdkVersion
değerini 28 veya daha yüksek bir değere ayarlayın
- iOS
- Önerilir: AdMob oluşturun hesabıma ve bir Android ve/veya iOS uygulamasını
Mobile Ads SDK'sını içe aktarma
Platforma özel kurulum
Android
AndroidManifest.xml dosyasını güncelleyin
AdMob uygulama kimliği AndroidManifest.xml
öğesine dahil edilmelidir. Başarısız
uygulama başlatılırken kilitlenmeye neden olur.
AdMob uygulama kimliğini, AdMob web'de tanımlandığı şekilde ekleyin
arayüzü, uygulamanın
<meta-data>
etiketi ekleyerek android/app/src/main/AndroidManifest.xml
dosyası
com.google.android.gms.ads.APPLICATION_ID
adlı. Örneğin,
android:value
, kendi AdMob uygulama kimliğinizi aşağıda gösterildiği gibi tırnak içine alın:
<manifest>
<application>
<!-- Sample AdMob app ID: ca-app-pub-3940256099942544~3347511713 -->
<meta-data
android:name="com.google.android.gms.ads.APPLICATION_ID"
android:value="ca-app-pub-xxxxxxxxxxxxxxxx~yyyyyyyyyy"/>
<application>
<manifest>
Dart kodunuzda eklentiyi başlatırken aynı value
öğesini kullanın.
Daha fazla bilgi için Android
rehberini inceleyin.
AndroidManifest.xml
uygulamasını yapılandırma ve uygulamayı kurma hakkında bilgi
Kimlik.
iOS
Info.plist'i güncelleme
Uygulamanızın ios/Runner/Info.plist
dosyasına bir GADApplicationIdentifier
ekleyin
anahtarı, AdMob web
arayüz:
<key>GADApplicationIdentifier</key>
<string>ca-app-pub-################~##########</string>
Eklentiyi ilk kullanıma hazırlarken Dart kodunuzda aynı değeri iletmeniz gerekir.
Daha fazla bilgi için iOS kılavuzunu inceleyin
Info.plist
yapılandırma ve uygulama kimliğinizi ayarlama hakkında bilgi.
Mobile Ads SDK'sını başlatma
Reklamları yüklemeden önce, şunu çağırarak uygulamanızın Mobile Ads SDK'sını başlatmasını sağlayın:
MobileAds.instance.initialize()
; SDK'yı başlatır ve
Başlatma tamamlandığında veya 30 saniye sonra biten Future
zaman aşımına uğrar. Bu işlemin yalnızca bir kez yapılması gerekir. İdeal olarak uygulamanın çalıştırılmasından hemen önce yapılması gerekir.
import 'package:google_mobile_ads/google_mobile_ads.dart';
import 'package:flutter/material.dart';
void main() {
WidgetsFlutterBinding.ensureInitialized();
MobileAds.instance.initialize();
runApp(MyApp());
}
class MyApp extends StatefulWidget {
@override
MyAppState createState() => MyAppState();
}
class MyAppState extends State<MyApp> {
@override
void initState() {
super.initState();
// Load ads.
}
}
Reklam biçimi seçin
Mobile Ads SDK'sı içe aktarıldıktan sonra reklam uygulamaya hazır olursunuz. AdMob bir dizi farklı reklam biçimi sunar; size en uygun olanı seçebilirsiniz en iyi hale gelecektir.
Banner
Cihaz ekranının üst veya alt kısmında görünen dikdörtgen reklamlar. Banner Kullanıcılar uygulamayla etkileşim kurarken reklamlar ekranda kalır ve yenilenebilir belirli bir süre sonra otomatik olarak. Mobilde yeniyseniz bu aşamalar mükemmel bir başlangıç.
Geçiş reklamı
Kullanıcı tarafından kapatılana kadar uygulamanın arayüzünü kaplayan tam ekran reklamlar. En iyi kullanım alanı, uygulama akışındaki doğal duraklamalarda (ör. seviyeler arasında veya bir görevi tamamladıktan hemen sonra
Yerel biçim
Uygulamanızın görünümüne ve tarzına uyum sağlayan özelleştirilebilir reklamlar. Nasıl ve ne zaman Böylece, düzen, uygulamanızın tasarımıyla daha tutarlı olur.
Ödüllü
Kullanıcıları kısa videolar izledikleri ve oynatılabilir reklamlarla etkileşimde bulundukları için ödüllendiren reklamlar reklamlar ve anketler. Ücretsiz içerik kullanıcılarından para kazanmak için uygundur.