שנתחיל?

המדריך הזה מיועד לבעלי תוכן דיגיטלי שרוצים לייצר הכנסות מאפליקציית Flutter.

השילוב של Google Mobile Ads SDK באפליקציה של Flutter, שעושים כאן, הוא הצעד הראשון לקראת הצגת מודעות AdMob וייצור הכנסות. אחרי השלמת השילוב, תוכלו לבחור פורמט מודעה כדי לקבל את שלבי ההטמעה המפורטים.

בשלב זה, ב-Google Mobile Ads SDK ל-Flutter יש תמיכה בטעינה והצגה של מודעות באנר, מודעות מעברון (במסך מלא), מודעות מותאמות ומודעות מתגמלות.

דרישות מוקדמות

ייבוא של Mobile Ads SDK

הגדרה ספציפית לפלטפורמה

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 מציע כמה פורמטים שונים של מודעות, כדי שתוכלו לבחור את הפורמט שהכי מתאים לחוויית המשתמש של האפליקציה שלכם.

מודעות מלבניות שמופיעות בחלק העליון או התחתון של מסך המכשיר. מודעות באנר נשארות במסך בזמן שהמשתמשים מקיימים אינטראקציה עם האפליקציה, ואפשר לרענן אותן באופן אוטומטי אחרי פרק זמן מסוים. אם אתם רק מתחילים לפרסם בנייד, זה מקום מעולה להתחיל בו.

הטמעה של מודעת באנר

פרסומת מרווח ביניים

מודעות במסך מלא שמכסה את הממשק של אפליקציה עד שהמשתמש סוגר אותן. מומלץ להשתמש בהם בהפסקות טבעיות במהלך ההפעלה של האפליקציה, למשל בין שלבים במשחק או מיד לאחר השלמת משימה.

הטמעה של מודעת מעברון

מותאם

מודעות שניתנות להתאמה אישית ותואמות לסגנון ולעיצוב של האפליקציה. אתם מחליטים איך ואיפה הן ימוקמו, כך שהפריסה תתאים יותר לעיצוב האפליקציה שלכם.

הטמעה של מודעה מותאמת

ההטבה הופעלה

מודעות שמתגמלות משתמשים על צפייה בסרטונים קצרים ועל אינטראקציה עם מודעות וסקרים התנסות באפליקציה. מודעות מהסוג הזה מתאימות במיוחד ליצירת רווח ממשתמשים שלא משלמים על השימוש באפליקציה.

הטמעה של מודעה מתגמלת