מודעות באנר

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

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

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

ביצוע בדיקות באמצעות מודעות בדיקה תמיד

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

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

Android

ca-app-pub-3940256099942544/6300978111

iOS

ca-app-pub-3940256099942544/2934735716

הפעלה של Mobile Ads SDK

לפני טעינת המודעות, צריך להפעיל את Mobile Ads SDK באפליקציה באמצעות הקריאה MobileAds.Initialize(). צריך לעשות זאת רק פעם אחת, רצוי בזמן הפעלת האפליקציה.

using GoogleMobileAds;
using GoogleMobileAds.Api;

public class GoogleMobileAdsDemoScript : MonoBehaviour
{
    public void Start()
    {
        // Initialize the Google Mobile Ads SDK.
        MobileAds.Initialize((InitializationStatus initStatus) =>
        {
            // This callback is called once the MobileAds SDK is initialized.
        });
    }
}

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

דוגמה ל-BannerView

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

יצירה של תצוגת באנר

השלב הראשון בשימוש בתצוגת באנר הוא ליצור מופע של תצוגת באנר. בסקריפט C# שמצורף אל GameObject.


  // These ad units are configured to always serve test ads.
#if UNITY_ANDROID
  private string _adUnitId = "ca-app-pub-3940256099942544/6300978111";
#elif UNITY_IPHONE
  private string _adUnitId = "ca-app-pub-3940256099942544/2934735716";
#else
  private string _adUnitId = "unused";
#endif

  BannerView _bannerView;

  /// <summary>
  /// Creates a 320x50 banner view at top of the screen.
  /// </summary>
  public void CreateBannerView()
  {
      Debug.Log("Creating banner view");

      // If we already have a banner, destroy the old one.
      if (_bannerView != null)
      {
          DestroyAd();
      }

      // Create a 320x50 banner at top of the screen
      _bannerView = new BannerView(_adUnitId, AdSize.Banner, AdPosition.Top);
  }

ב-constructor של BannerView יש את הדברים הבאים :

  • adUnitId: מזהה יחידת המודעות שממנו BannerView צריך לטעון מודעות.
  • AdSize: גודל המודעה שרוצים להשתמש בו. ייעוץ בגדלי מודעות באנר אפשר לקבל פרטים נוספים.
  • AdPosition: המיקום שבו צריך למקם את הצגת הבאנר. המאפיין AdPosition enum מציג את הערכים החוקיים של מיקום המודעה.

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

(אופציונלי) יוצרים תצוגת באנר עם מיקום מותאם אישית

כדי לשלוט טוב יותר במיקום של BannerView במסך, מעבר לאפשרויות שמציעים ערכי AdPosition, אפשר להשתמש ב-constructor שמכיל את הקואורדינטות x ו-y כפרמטרים:

// Create a 320x50 banner views at coordinate (0,50) on screen.
_bannerView = new BannerView(_adUnitId, AdSize.Banner, 0, 50);

הפינה הימנית העליונה של BannerView היא נמצאים בערכי ה-x וה-y שמועברים ל-constructor, כשהמקור בפינה הימנית העליונה של המסך.

(אופציונלי) יוצרים תצוגת באנר עם גודל מותאם אישית

בנוסף לשימוש בערך קבוע של AdSize, אפשר גם לציין גודל מותאם אישית של המודעה:

// Use the AdSize argument to set a custom size for the ad.
AdSize adSize = new AdSize(250, 250);
_bannerView = new BannerView(_adUnitId, adSize, AdPosition.Bottom);

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

כדי לטעון מודעה, צריך ליצור AdRequest ולהעביר אותו אל באמצעות ה-method LoadAd().

/// <summary>
/// Creates the banner view and loads a banner ad.
/// </summary>
public void LoadAd()
{
    // create an instance of a banner view first.
    if(_bannerView == null)
    {
        CreateBannerView();
    }

    // create our request used to load the ad.
    var adRequest = new AdRequest();

    // send the request to load the ad.
    Debug.Log("Loading banner ad.");
    _bannerView.LoadAd(adRequest);
}

האזנה לאירועים של צפייה בבאנר

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

/// <summary>
/// listen to events the banner view may raise.
/// </summary>
private void ListenToAdEvents()
{
    // Raised when an ad is loaded into the banner view.
    _bannerView.OnBannerAdLoaded += () =>
    {
        Debug.Log("Banner view loaded an ad with response : "
            + _bannerView.GetResponseInfo());
    };
    // Raised when an ad fails to load into the banner view.
    _bannerView.OnBannerAdLoadFailed += (LoadAdError error) =>
    {
        Debug.LogError("Banner view failed to load an ad with error : "
            + error);
    };
    // Raised when the ad is estimated to have earned money.
    _bannerView.OnAdPaid += (AdValue adValue) =>
    {
        Debug.Log(String.Format("Banner view paid {0} {1}.",
            adValue.Value,
            adValue.CurrencyCode));
    };
    // Raised when an impression is recorded for an ad.
    _bannerView.OnAdImpressionRecorded += () =>
    {
        Debug.Log("Banner view recorded an impression.");
    };
    // Raised when a click is recorded for an ad.
    _bannerView.OnAdClicked += () =>
    {
        Debug.Log("Banner view was clicked.");
    };
    // Raised when an ad opened full screen content.
    _bannerView.OnAdFullScreenContentOpened += () =>
    {
        Debug.Log("Banner view full screen content opened.");
    };
    // Raised when the ad closed full screen content.
    _bannerView.OnAdFullScreenContentClosed += () =>
    {
        Debug.Log("Banner view full screen content closed.");
    };
}

השמדת תצוגת הבאנר

בסיום השימוש בתצוגת הבאנר, חשוב לזכור לבצע קריאה לפונקציה Destroy() כדי לשחרר במשאבי אנוש.

/// <summary>
/// Destroys the banner view.
/// </summary>
public void DestroyAd()
{
    if (_bannerView != null)
    {
        Debug.Log("Destroying banner view.");
        _bannerView.Destroy();
        _bannerView = null;
    }
}

זהו! עכשיו האפליקציה מוכנה להציג מודעות באנר.

בטבלה הבאה מפורטים הגדלים הרגילים של מודעות הבאנר.

גודל ב-dp (רוחב x גובה) תיאור זמינות קבוע של גודל המודעה
320x50 כרזות רגילות טלפונים וטאבלטים BANNER
320x100 מודעת באנר גדולה טלפונים וטאבלטים LARGE_BANNER
300x250 מלבן בינוני של IAB טלפונים וטאבלטים MEDIUM_RECTANGLE
468x60 באנר בגודל מלא של IAB טאבלטים FULL_BANNER
728x90 לידרבורד של IAB טאבלטים LEADERBOARD
רוחב שצוין x גובה מותאם באנר מותאם טלפונים וטאבלטים לא רלוונטי
רוחב המסך x 32|50|90 באנר חכם טלפונים וטאבלטים SMART_BANNER
כאן אפשר לקרוא מידע נוסף על מודעות באנר מותאמות. שמיועד להחליף מודעות באנר חכמות.

מקורות מידע נוספים