תצוגות בבאנר הן מודעות תמונה או טקסט מלבניות שתופסות מקום על המסך. הן מוצגות במסך גם בזמן אינטראקציות של המשתמשים באפליקציה, ויכול להיות שיתבצע רענון אוטומטי שלהן אחרי פרק זמן מסוים. אם זו הפעם הראשונה שאתם משתמשים בפרסום בנייד, כדאי להתחיל מהם. מקרה לדוגמה.
במדריך הזה מוסבר איך לשלב את תצוגות הבאנר באפליקציית 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 |
כאן אפשר לקרוא מידע נוסף על מודעות באנר מותאמות. שמיועד להחליף מודעות באנר חכמות. |
מקורות מידע נוספים
- דוגמה ל-HelloWorld: הטמעה מינימלית של כל הפורמטים של המודעות.