Используйте теги Google Publisher Tag (GPT) для формирования адаптивных объявлений, которые будут хорошо выглядеть в браузере на любом устройстве – и на компьютере, и на планшете, и на смартфоне.
С помощью GPT API можно указать несколько размеров в наборе форматов для рекламного места. Кроме того, вы можете выбрать альтернативный набор в зависимости от браузера.
Пример
Можно указать, что если окно браузера больше 1024 x 768 пикселей, то следует показывать объявления размера 970 x 90 или 728 x 90, а если окно меньше, то следует показывать только объявления размера 468 x 60.
Советуем настроить показ объявлений разных размеров для компьютеров, планшетов и смартфонов.
- Говоря о размере окна браузера, мы имеем в виду область просмотра, где отображается контент.
- Панели инструментов, полосы прокрутки, границы и прочие подобные элементы не считаются частью окна браузера при определении его размера.
Система сопоставления размеров автоматически выбирает наиболее подходящий для браузера креатив. Бывает так, что окну браузера не соответствует ни один заданный размер. Вы можете назначить рекламному блоку размер по умолчанию, чтобы в таких случаях показывалось объявление, которое поместится в окне любого размера.
Сопутствующие объявления для видео не могут быть адаптивными.
Как задать размеры окна браузера и объявлений
Для каждого рекламного места должны быть указаны размеры объявлений, которые можно в нем показывать. Размеры объявлений указываются в зависимости от их типа, а также от размера и гибкости самих рекламных мест.
Примеры кода для объявлений фиксированного размера, объявлений с несколькими размерами, адаптивных объявлений, а также другую полезную информацию можно найти в документации по GPT для разработчиков.
Документация по GPT для разработчиков
Как свернуть пустое рекламное место
Если вы знаете, что по меньшей мере одно рекламное место на вашем сайте заполняется не всегда, разрешите браузеру сворачивать пустые блоки div. Для этого добавьте в теги метод collapseEmptyDivs()
.
Поскольку в результате возможен сдвиг контента на странице, при использовании этого способа учитывайте, насколько часто будут заполняться те или иные рекламные места.
Если не сворачивать пустые блоки <div>
с помощью метода collapseEmptyDivs()
, то на странице будут оставаться пустые места там, где не появятся объявления.
Документация по GPT для разработчиков
Как размещать адаптивные объявления
При размещении адаптивных объявлений с библиотекой GPT показ рекламы выполняется с учетом размеров окна браузера и экрана устройства, поскольку благодаря функции сопоставления эти размеры вносятся в запросы объявлений и отправляются в Менеджер рекламы.
В Менеджере рекламы нельзя использовать адаптивные теги AdSense. Рекламные блоки следует добавлять на нужную страницу с помощью тегов GPT, указав их высоту и ширину с учетом форматов медийных объявлений, которые поддерживаются в AdSense.
Пример
Предположим, вы размещаете тег AdSense для адаптивного объявления следующих размеров: 320 x 100 (смартфоны), 300 x 250 (планшеты), 336 x 280 (компьютеры).
- Добавьте адаптивное объявление на веб-страницу с тегом GPT.
- Создайте позицию AdSense для трех размеров (320 x 100, 300 x 250 и 336 x 280).
- Настройте в ней таргетинг на рекламный блок, созданный с использованием адаптивного тега.
- Добавьте в позицию AdSense по три креатива с кодом AdSense для каждого размера.