Блог

У меня есть страница с рекламным баннером, которая будет уменьшаться / увеличиваться в зависимости от размера экрана или от того, настольная она или мобильная.

Баннер будет отображаться с одним div.

Объявления представлены в трех разных идентификаторах рекламы, каждый из которых имеет свой размер:
Пример:
объявление-1 — 1220×350,
объявление-2 — 650×190,
объявление-3 — 300×250

Как мне настроить правильное отображение рекламы в div в зависимости от размера div?

Вы можете использовать сопоставление размеров для отправки ваших размеров на основе размера области просмотра.

Сначала: определите сопоставление размеров

 var mapping = googletag.sizeMapping()
             .addSize([1024, 768], [1220, 350])
             .addSize([980, 690], [650, 190])
             .addSize([0, 0], [300, 250])
             .build();
 

Использование : addSize([screenWidth, screenHeight], [width,height])

Второе: добавьте сопоставление в определение вашего слота

 var slot = googletag.defineSlot('/adUnitPath/', [[1220, 350], [650, 190], [300, 250]], 'yourTargetId')
                    .defineSizeMapping(mapping)
                    .addService(googletag.pubads());
 

Полная документация здесь и здесь