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

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

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

• הפלאגין של Google Mobile Ads Flutter גרסה 0.13.6 ואילך

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

גודל קבוע

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

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

2. טוענים AdManagerBannerAd בגודל זהה לזה שהגדרתם בשלב 1. במסמכי התיעוד בנושא מודעות באנר מוסבר איך ליצור יצירה וטעינה של מודעה. תוכלו לראות רשימה של גדלים ואת הקבועים התואמים שלהם מסוג AdSize בקטע Banner size (גודל הבאנר).

דוגמה לציון גודל קבוע, כמו גודל המודעה 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,
);

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