מודעות באנר מותאמות עם עוגן

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

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

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

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

• פועלים לפי ההוראות שבמדריך לתחילת העבודה כדי לייבא את הפלאגין Mobile Ads Unity ולכלול את Mobile Ads SDK.

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

מודעות באנר מותאמות נועדו להחליף את מודעות הבאנר החכמות ואת מודעות הבאנר בגודל הרגיל שמקובל בתחום (320x50).

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

במודעות באנר מעוגנות כאלה, יחס הגובה-רוחב כשמשתמשים במודעות באנר מותאמות יהיה דומה לזה של מודעה רגילה בגודל 320x50, כפי שאפשר לראות בשלוש הדוגמאות הבאות:

באנר בגודל 320x50

מודעת באנר מותאמת

מודעת באנר חכמה

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

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

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

הערות להטמעה

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

• צריך לדעת את רוחב אזור התצוגה שבו תוצג המודעה, ובחישוב הזה צריך לקחת בחשבון את רוחב המכשיר ואת האזורים הבטוחים או החלקים החתוכים הרלוונטיים.
• כדי לעמוד בדרישות המדיניות של AdMob, צריך לוודא שהרקע של תצוגת המודעה אטום כשמוצגות מודעות בגדלים קטנים יותר שלא ממלאות את שטח המודעה.
• חשוב לוודא שאתם משתמשים בגרסה העדכנית ביותר של הפלאגין Google Mobile Ads Unity. לצורך גישור, צריך להשתמש בגרסה העדכנית של כל מתאם גישור.
• הגודל של מודעות באנר מותאמות מתוכנן כך שהן יוצגו בצורה הכי טובה כשהן תופסות את כל הרוחב שזמין. ברוב המקרים, מדובר בכל רוחב המסך של המכשיר שבו הן מוצגות. חשוב להביא בחשבון את האזורים הבטוחים הרלוונטיים.
• כשמשתמשים בממשקי ה-API של AdSize המותאמים, Google Mobile Ads SDK קובע את הגודל של מודעת הבאנר עם גובה מודעה אופטימלי לרוחב הנתון.
• יש שלוש שיטות לקבלת גודל מודעה למודעות רספונסיביות: ‫AdSize.GetLandscapeAnchoredAdaptiveBannerAdSizeWithWidth לרוחב, ‫AdSize.GetPortraitAnchoredAdaptiveBannerAdSizeWithWidth לאורך ו- ‫AdSize.GetCurrentOrientationAnchoredAdaptiveBannerAdSizeWithWidth לכיוון הנוכחי בזמן ההפעלה.
• הגודל שיוחזר לרוחב נתון במכשיר נתון תמיד יהיה זהה, ולכן אחרי שתבדקו את הפריסה במכשיר נתון, תוכלו להיות בטוחים שגודל המודעה לא ישתנה.
• הגובה של מודעות באנר מעוגנות אף פעם לא גדול מ-15% מגובה המכשיר או מ-90 פיקסלים עצמאיים מצפיפות, ולא קטן מ-50 פיקסלים עצמאיים מצפיפות.
• כדי להציג באנרים ברוחב מלא, אפשר להשתמש בדגל AdSize.FullWidth במקום לציין רוחב ספציפי.

מדריך למתחילים

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

1. קבלת גודל של מודעת באנר מותאמת הגודל שמתקבל ישמש לשליחת בקשה להצגת מודעת באנר מותאמת. כדי לקבל את הגודל המותאם של המודעה, חשוב לוודא ש:
   1. מקבלים את רוחב המכשיר בפיקסלים שלא תלויים בדחיסות, או מגדירים רוחב משלכם אם לא רוצים להשתמש בכל רוחב המסך. ממשקי Unity API, כמו Screen.width, מחזירים פיקסלים מוחלטים, ולכן צריך לחלק את הערך בסקאלת המכשיר (שאפשר לאחזר מ-MobileAds.Utils.GetDeviceScale()).
   2. משתמשים בדגל AdSize.FullWidth כדי להציג באנרים ברוחב מלא.
   3. משתמשים בשיטות סטטיות מתאימות במחלקה של גודל המודעה, כמו AdSize.getCurrentOrientationAnchoredAdaptiveBannerAdSizeWithWidth(width), כדי לקבל אובייקט AdSize שמותאם לכיוון הנוכחי.
2. יוצרים אובייקט BannerView עם מזהה יחידת המודעות, הגודל המותאם והמיקום הרלוונטי של המודעה.
3. יוצרים אובייקט של בקשה להצגת מודעה וטוענים את הבאנר באמצעות ה-method‏ LoadAd() בתצוגת המודעה שהוכנה, בדיוק כמו בבקשה רגילה להצגת באנר.

קוד לדוגמה

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

using UnityEngine;
using System;
using GoogleMobileAds.Api;

public class AdaptiveBannerSample : MonoBehaviour
{
    private BannerView _bannerView;

    // Use this for initialization
    void Start()
    {
        // Set your test devices.
        // https://developers.google.com/admob/unity/test-ads
        RequestConfiguration requestConfiguration = new RequestConfiguration
        {
            TestDeviceIds = new List<string>
            {
                AdRequest.TestDeviceSimulator,
                // Add your test device IDs (replace with your own device IDs).
                #if UNITY_IPHONE
                "96e23e80653bb28980d3f40beb58915c"
                #elif UNITY_ANDROID
                "75EF8D155528C04DACBBA6F36F433035"
                #endif
            }
        };
        MobileAds.SetRequestConfiguration(requestConfiguration);

        // Initialize Google Mobile Ads SDK.
        MobileAds.Initialize((InitializationStatus status) =>
        {
            RequestBanner();
        });
    }

    public void OnGUI()
    {
        GUI.skin.label.fontSize = 60;
        Rect textOutputRect = new Rect(
          0.15f * Screen.width,
          0.25f * Screen.height,
          0.7f * Screen.width,
          0.3f * Screen.height);
        GUI.Label(textOutputRect, "Adaptive Banner Example");
    }

    private void RequestBanner()
    {
        // These ad units are configured to always serve test ads.
        #if UNITY_EDITOR
            string adUnitId = "unused";
        #elif UNITY_ANDROID
            string adUnitId = "ca-app-pub-3212738706492790/6113697308";
        #elif UNITY_IPHONE
            string adUnitId = "ca-app-pub-3212738706492790/5381898163";
        #else
            string adUnitId = "unexpected_platform";
        #endif

        // Clean up banner ad before creating a new one.
        if (_bannerView != null)
        {
            _bannerView.Destroy();
        }

        AdSize adaptiveSize =
                AdSize.GetCurrentOrientationAnchoredAdaptiveBannerAdSizeWithWidth(AdSize.FullWidth);

        _bannerView = new BannerView(adUnitId, adaptiveSize, AdPosition.Bottom);

        // Register for ad events.
        _bannerView.OnBannerAdLoaded += OnBannerAdLoaded;
        _bannerView.OnBannerAdLoadFailed += OnBannerAdLoadFailed;

        AdRequest adRequest = new AdRequest();

        // Load a banner ad.
        _bannerView.LoadAd(adRequest);
    }

    #region Banner callback handlers

    private void OnBannerAdLoaded(object sender, EventArgs args)
    {
        Debug.Log("Banner view loaded an ad with response : "
                 + _bannerView.GetResponseInfo());
        Debug.Log("Ad Height: {0}, width: {1}",
                _bannerView.GetHeightInPixels(),
                _bannerView.GetWidthInPixels());
    }

    private void OnBannerAdLoadFailed(LoadAdError error)
    {
        Debug.LogError("Banner view failed to load an ad with error : "
                + error);
    }

    #endregion
}

בדוגמה הזו נעשה שימוש בפונקציה AdSize.GetCurrentOrientationAnchoredAdaptiveBannerAdSizeWithWidth כדי לקבל את הגודל של באנר במיקום קבוע לפי האוריינטציה הנוכחית של הממשק. כדי לטעון מראש באנר מעוגן בכיוון נתון, משתמשים בפונקציה הרלוונטית מ-AdSize.GetPortraitAnchoredAdaptiveBannerAdSizeWithWidth ומ-AdSize.GetLandscapeAnchoredAdaptiveBannerAdSizeWithWidth.