סגנונות מותאמים

הגדרות של סגנונות מותאמים מאפשרות ל-Google Ad Manager לטפל בעיבוד של המודעות המותאמות על סמך סגנונות מותאמים שאתם מציינים במוצר. קודם כול, מציינים את הגודל ואת הטירגוט. לאחר מכן מוסיפים HTML,‏ CSS ו-JavaScript כדי להגדיר מודעות רספונסיביות שמוצגות באיכות גבוהה בכל המסכים. אתם לא צריכים לבצע שום עיבוד. Ad Manager מחיל באופן אוטומטי את הסגנון המקורי המתאים ליעד. ההטמעה של סגנונות מותאמים מתבצעת בדיוק כמו הטמעה של מודעות באנר, באמצעות AdManagerAdView. אפשר להשתמש בהן עם גודל מודעה קבוע שנקבע מראש, או עם גודל מודעה משתנה שנקבע בזמן הריצה.

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

• Google Mobile Ads Flutter Plugin מגרסה 0.13.6 ואילך

המדריך הזה מיועד למי שיש לו ידע בסיסי ב-Google Mobile Ads SDK. אם עדיין לא עשיתם את זה, מומלץ לעיין במדריך תחילת העבודה.

גודל קבוע

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

1. יוצרים פריט בממשק המשתמש של Ad Manager ובוחרים אחד מהגדלים המוגדרים מראש בתפריט הנפתח של השדה Size.

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

דוגמה לאופן שבו מציינים גודל קבוע, כמו גודל המודעה MEDIUM_RECTANGLE (300x250):

AdManagerBannerAd ad = AdManagerBannerAd(
  adUnitId: '<your-ad-unit>',
  sizes: <AdSize>[AdSize.mediumRectangle],
  request: AdManagerAdRequest(),
);

גודל הנוזל

במקרים מסוימים, גודל קבוע לא מתאים. לדוגמה, יכול להיות שתרצו שהרוחב של המודעה יתאים לתוכן של האפליקציה, אבל תצטרכו שהגובה שלה ישתנה באופן דינמי כדי להתאים לתוכן של המודעה. כדי לטפל במקרה הזה, אפשר לציין Fluid כגודל המודעה בממשק המשתמש של Ad Manager. כך המערכת תדע שגודל המודעה נקבע בזמן הריצה באפליקציה. ה-SDK מספק קבוע מיוחד AdSize,‏ FLUID, כדי לטפל במקרה הזה. הגובה של מודעה בגודל משתנה נקבע באופן דינמי על סמך הרוחב שהוגדר על ידי בעל האתר. כך אפשר להתאים את הגובה של תצוגת המודעה בפלטפורמה לגובה של הקריאייטיב.

בקשה גמישה

כדי לבקש מודעה גמישה, משתמשים בFluidAdManagerBannerAd:

final fluidAd = FluidAdManagerBannerAd(
  adUnitId: '<your-ad-unit>',
  request: AdManagerAdRequest(),
  listener: AdManagerBannerAdListener(
    onAdLoaded: (Ad ad) {
      print('$_fluidAd loaded.');
    },
    onAdFailedToLoad: (Ad ad, LoadAdError error) {
      print('$_fluidAd failedToLoad: $error');
      ad.dispose();
    },
  ),

הצגת המודעה הגמישה

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

FluidAdWidget(
  width: <your-width>,
  ad: fluidAd,
);

אפשר לראות דוגמה להטמעה של גודל מודעה גמיש ב-Ad Manager באפליקציה לדוגמה ב-Github.