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

הגדרות של סגנונות מותאמים מאפשרות ל-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 התואמים שלהם בגודל הבאנר. .

דוגמה למפרט של גודל קבוע, כמו 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.