השילוב של Google Mobile Ads SDK באפליקציה של Flutter הוא השלב הראשון לקראת הצגת מודעות וייצור הכנסות. אחרי שמשלבים את ה-SDK, אפשר להטמיע פורמט מודעה אחד או יותר מהפורמטים הנתמכים.
דרישות מוקדמות
- Flutter מגרסה 3.27.0 ואילך
- Android
- הגרסה האחרונה של Android Studio
- iOS
- הגרסה האחרונה של Xcode עם כלים מופעלים של שורת הפקודה
ייבוא של Mobile Ads SDK
- כוללים את הפלאגין של Google Mobile Ads SDK for Flutter בפרויקט Flutter.
הגדרה ספציפית לפלטפורמה
Android
עדכון הקובץ AndroidManifest.xml
מזהה האפליקציה ב-AdMob חייב להיכלל ב-AndroidManifest.xml
.
אם לא תעשו זאת, האפליקציה תקרוס בזמן ההפעלה.
מוסיפים את מזהה האפליקציה ב-AdMob, כפי שהוא מזוהה בממשק האינטרנט של AdMob, לקובץ android/app/src/main/AndroidManifest.xml
של האפליקציה באמצעות תג <meta-data>
בשם com.google.android.gms.ads.APPLICATION_ID
.
בשדה android:value
, מזינים את מזהה האפליקציה שלכם במירכאות כפי שמוצג:
<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>
צריך להשתמש באותו value
כשמפעילים את הפלאגין בקוד Dart.
מידע נוסף על הגדרת AndroidManifest.xml
והגדרת מזהה האפליקציה זמין במדריך ל-Android.
iOS
עדכון Info.plist
בקובץ ios/Runner/Info.plist
של האפליקציה, מוסיפים מפתח GADApplicationIdentifier
עם ערך מחרוזת של מזהה האפליקציה ב-AdMob, כפי שהוא מזוהה בממשק האינטרנט של AdMob:
<key>GADApplicationIdentifier</key>
<string>ca-app-pub-################~##########</string>
צריך להעביר את אותו ערך כשמפעילים את הפלאגין בקוד Dart.
למידע נוסף על הגדרת Info.plist
והגדרת מזהה האפליקציה, אפשר לעיין במדריך ל-iOS.
איך מפעילים את Mobile Ads SDK
לפני טעינת המודעות, צריך להפעיל את Mobile Ads SDK באפליקציה באמצעות קריאה ל-MobileAds.instance.initialize()
. הפונקציה הזו מפעילה את ה-SDK ומחזירה פונקציית callback (Future
) שתסתיים אחרי שההפעלה תושלם, או אחרי 30 שניות של זמן קצוב לתפוגה. צריך לעשות את זה רק פעם אחת, רצוי ממש לפני שמפעילים את האפליקציה.
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.
}
}
בחירת פורמט מודעה
אחרי שמייבאים את Mobile Ads SDK, אפשר להטמיע מודעה. ב-AdMob יש כמה פורמטים שונים של מודעות, כך שתוכלו לבחור את הפורמט שמתאים ביותר לחוויית המשתמש באפליקציה.
מודעת באנר
מודעות מלבניות שמופיעות בחלק העליון או התחתון של מסך המכשיר. מודעות באנר מוצגות במסך גם בזמן אינטראקציות של המשתמשים באפליקציה, ויכול להיות שיתבצע רענון אוטומטי שלהן אחרי פרק זמן מסוים. אם זו הפעם הראשונה שאתם משתמשים בפרסום בנייד, כדאי להתחיל מהם.
מעברון
מודעות במסך מלא שמכסות את ממשק האפליקציה עד שהמשתמש סוגר אותן. מומלץ להשתמש בהן בהפסקות טבעיות בזרימה של האפליקציה, למשל בין שלבים במשחק או מיד אחרי השלמת משימה.
מותאם
מודעות בהתאמה אישית שתואמות לסגנון ולעיצוב של האפליקציה. אתם מחליטים איך ואיפה הן יוצגו, כך שהפריסה תהיה עקבית יותר עם עיצוב האפליקציה.
ההטבה הופעלה
מודעות שמציעות למשתמשים תגמולים בתמורה לצפייה בסרטונים קצרים, לאינטראקציות עם מודעות התנסות באפליקציה ולמילוי סקרים. מודעות מהסוג הזה מתאימות במיוחד ליצירת הכנסות ממשתמשים שלא משלמים על השימוש באפליקציה.