اندازه های تبلیغاتی

هر جایگاه تبلیغاتی که تعریف می‌کنید باید اندازه (های) آگهی واجد شرایط ارائه در آن جایگاه را مشخص کند. نحوه تعیین اندازه تبلیغات بسته به نوع تبلیغاتی که قرار است نمایش داده شود و همچنین اندازه و انعطاف پذیری خود جایگاه های تبلیغاتی متفاوت است.

در برخی موارد، اندازه آگهی ممکن است در سطح مورد خط در Google Ad Manager لغو شود. برای کسب اطلاعات بیشتر به مرکز راهنمایی مراجعه کنید.

کد کامل نمونه‌های موجود در این راهنما را می‌توانید در صفحه نمونه اندازه‌های آگهی پیدا کنید.

تبلیغات با اندازه ثابت

شما می توانید یک جایگاه تبلیغاتی را با یک اندازه ثابت تعریف کنید.

googletag
  .defineSlot("/6355419/Travel/Europe/France/Paris", [300, 250], "fixed-size-ad")
  .addService(googletag.pubads());

در این مثال، فقط خلاقیت هایی با اندازه 300x250 ارائه می شوند.

نکته کلیدی: هنگام کار با تبلیغات با اندازه ثابت، اکیداً توصیه می‌کنیم که اندازه عنصر <div> را در جایی که خلاق ارائه می‌شود، تعیین کنید. از آنجایی که خلاقیت‌ها اغلب به صورت ناهمزمان ارائه می‌شوند، اگر فضای کافی برای آن‌ها در نظر گرفته نشده باشد، ممکن است باعث شوند عناصر دیگر در صفحه جابجا شوند.

تبلیغات چند سایز

اگر یک تبلیغ از چندین اندازه پشتیبانی می کند، هنگام تعریف جایگاه آگهی، فهرستی از اندازه های پشتیبانی شده ارائه کنید.

googletag
  .defineSlot(
    "/6355419/Travel/Europe",
    [[300, 250], [728, 90], [750, 200], "fluid"],
    "multi-size-ad",
  )
  .addService(googletag.pubads());

در این مثال، خلاقیت‌هایی با اندازه‌های 300x250 ، 728x90 و 750x200 قابل ارائه هستند. Ad Manager فقط خلاقیت هایی را که با این اندازه ها مطابقت دارند در طول فرآیند انتخاب آگهی در نظر می گیرد.

اگر ابعاد برای شکاف تبلیغات <div> در CSS مشخص نشده باشد، GPT به طور خودکار ابعاد را برابر با کوتاه‌ترین ارتفاع اعلام‌شده و وسیع‌ترین عرض اعلام‌شده بیش از 1 پیکسل در هنگام فراخوانی display() تنظیم می‌کند. در این مورد، 750x90 خواهد بود. با این حال، این اندازه ممکن است پس از بارگیری محتوای دیگر در صفحه رخ دهد و باعث جابجایی آن محتوا شود. برای جلوگیری از تغییر چیدمان، همانطور که در راهنمای تغییر چیدمان کوچک نشان داده شده است، فضا را با استفاده از CSS رزرو کنید.

هنگام کار با تبلیغات چند اندازه، اطمینان حاصل کنید که طرح شما به اندازه کافی انعطاف پذیر است تا از تبلیغاتی با بزرگترین اندازه مشخص شده پشتیبانی کند. این کار از برش ناخواسته خلاقیت ها جلوگیری می کند.

تبلیغات روان

تبلیغات روان اندازه ثابتی ندارند، بلکه با محتوای خلاقانه ای که نمایش می دهند سازگار هستند. تبلیغات بومی در حال حاضر تنها نوع تبلیغ روانی است که توسط Ad Manager پشتیبانی می شود.

هنگام کار با تبلیغات سیال، ممکن است یک اندازه fluid سفارشی مشخص شود.

googletag
  .defineSlot("/6355419/Travel", ["fluid"], "native-ad")
  .addService(googletag.pubads());

در این مثال، اسلات آگهی عرض ظرف اصلی خود را خواهد داشت و ارتفاع آن را متناسب با محتوای خلاقانه تغییر می‌دهد. مراحلی که GPT برای تغییر اندازه جایگاه تبلیغات انجام می دهد به شرح زیر است:

  1. پاسخ آگهی دریافت می شود.
  2. محتوای خلاقانه در یک iframe با ارتفاع اولیه 0px و عرض روی 100% تنظیم می شود.
  3. هنگامی که تمام منابع در iframe بارگیری شدند، خلاقیت با تنظیم ارتفاع iframe برابر با ارتفاع عنصر <body> iframe قابل مشاهده است.

تبلیغات ریسپانسیو

تبلیغات ریسپانسیو تبلیغات چند اندازه را گسترش می دهند و به شما امکان می دهند اندازه خلاقیت ها را بر اساس اندازه نمای مرورگر درخواست کننده تعیین کنید. از این قابلیت می توان برای کنترل اندازه خلاقیت های ارائه شده در انواع مختلف دستگاه ها (رومیزی، تبلت، موبایل و غیره) استفاده کرد.

این کار با تعریف یک نگاشت بین اندازه ویوپورت و اندازه تبلیغ، و سپس مرتبط کردن آن نقشه با یک شکاف تبلیغاتی انجام می‌شود.

const responsiveAdSlot = googletag
  .defineSlot(
    "/6355419/Travel/Europe",
    [
      [300, 250],
      [728, 90],
      [750, 200],
    ],
    "responsive-ad",
  )
  .addService(googletag.pubads());

const mapping = googletag
  .sizeMapping()
  .addSize(
    [1024, 768],
    [
      [750, 200],
      [728, 90],
    ],
  )
  .addSize([640, 480], [300, 250])
  .addSize([0, 0], [])
  .build();

responsiveAdSlot.defineSizeMapping(mapping);

در این مثال نقشه برداری مشخص می کند:

  • وقتی پورت نمایش >= 1024x768 ، تبلیغات با اندازه 750x200 یا 728x90 می توانند ارائه شوند.
  • وقتی 1024x768 > viewport >= 640x480 ، تبلیغات با اندازه 300x250 می توانند ارائه شوند.
  • وقتی پورت نمایش < 640x480 باشد، هیچ تبلیغی نمی تواند ارائه شود.

GPT اندازه نمای مرورگر درخواست کننده را تشخیص می دهد و از بزرگترین نقشه برداری مناسب استفاده می کند. برای تعیین بزرگترین نقشه برداری، GPT ابتدا عرض، سپس ارتفاع را در نظر می گیرد (یعنی [100, 10] > [10, 100] ). در صورت بروز خطا در نگاشت یا اگر اندازه viewport قابل تعیین نباشد، از اندازه های مشخص شده در defineSlot() استفاده می شود.

سپس با فراخوانی متد ()Slot.defineSizeMapping، نگاشت با یک جایگاه تبلیغات مرتبط می شود. این روش آرایه ای از نگاشت ها را در قالب زیر می پذیرد:

[
  [
    [viewport-width-1, viewport-height-1],
    [[ad-width-1, ad-height-1], [ad-width-2, ad-height-2], ...]
  ],
  [
    [viewport-width-2, viewport-height-2],
    [[ad-width-3, ad-height-3], [ad-width-4, ad-height-4], ...]
  ],
  ...
]

ترتیب اندازه های viewport در این آرایه اولویت آنها را مشخص می کند. SizeMappingBuilder استفاده شده در مثال بالا روشی مناسب برای تولید آرایه‌ای از این قالب است که اندازه‌ها به‌طور خودکار از بزرگ‌ترین به کوچک‌ترین مرتبه می‌شوند. در آن مثال، خروجی SizeMappingBuilder.build() به صورت زیر است:

[
  [[1024, 768], [[750, 200], [728, 90]]],
  [[640, 480], [[300, 250]]],
  [[0, 0], []]
]