המדריך הזה מיועד לבעלי תוכן דיגיטלי שרוצים לייצר הכנסות מאפליקציית Flutter.
השילוב של Google Mobile Ads SDK באפליקציה של Flutter, שעושים כאן, הוא הצעד הראשון לקראת הצגת מודעות AdMob וייצור הכנסות. אחרי השלמת השילוב, תוכלו לבחור פורמט מודעה כדי לקבל את שלבי ההטמעה המפורטים.
בשלב זה, ב-Google Mobile Ads SDK ל-Flutter יש תמיכה בטעינה והצגה של מודעות באנר, מודעות מעברון (במסך מלא), מודעות מותאמות ומודעות מתגמלות.
דרישות מוקדמות
- Flutter 1.22.0 ואילך
- Android
- Android Studio 3.2 ואילך
- טירגוט לרמת API של Android 20 ואילך
- הגדרת
compileSdkVersion
ל-28 ומעלה
- iOS
- הגרסה האחרונה של Xcode עם כלי שורת פקודה מופעלים
- מומלץ: יצירת חשבון AdMob ורישום אפליקציה ל-Android ו/או ל-iOS
ייבוא של 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
, הזינו במירכאות את מזהה האפליקציה שלכם ב-AdMob, כמו שמוצג:
<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 ומחזירה קוד 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 מציע כמה פורמטים שונים של מודעות, כדי שתוכלו לבחור את הפורמט שהכי מתאים לחוויית המשתמש של האפליקציה שלכם.
כרזה
מודעות מלבניות שמופיעות בחלק העליון או התחתון של מסך המכשיר. מודעות באנר נשארות במסך בזמן שהמשתמשים מקיימים אינטראקציה עם האפליקציה, ואפשר לרענן אותן באופן אוטומטי אחרי פרק זמן מסוים. אם אתם רק מתחילים לפרסם בנייד, זה מקום מעולה להתחיל בו.
פרסומת מרווח ביניים
מודעות במסך מלא שמכסה את הממשק של אפליקציה עד שהמשתמש סוגר אותן. מומלץ להשתמש בהם בהפסקות טבעיות במהלך ההפעלה של האפליקציה, למשל בין שלבים במשחק או מיד לאחר השלמת משימה.
מותאם
מודעות שניתנות להתאמה אישית ותואמות לסגנון ולעיצוב של האפליקציה. אתם מחליטים איך ואיפה הן ימוקמו, כך שהפריסה תתאים יותר לעיצוב האפליקציה שלכם.
ההטבה הופעלה
מודעות שמתגמלות משתמשים על צפייה בסרטונים קצרים ועל אינטראקציה עם מודעות וסקרים התנסות באפליקציה. מודעות מהסוג הזה מתאימות במיוחד ליצירת רווח ממשתמשים שלא משלמים על השימוש באפליקציה.