На мобильной версии сайта имеет смысл показывать баннеры другого размера (пропорций), чтобы они лучше выглядели на дисплее устройств.


Мы рекомендуем использовать соотношение сторон 4:3 и ширину изображения не менее 640 пикс. Не менее важно, чтобы размер одного изображения не превышал ±80 килобайт.


Самым простым решением будет добавление скрытого блока с мобильными баннерами на главную странице вашего сайта. Вот примерная структура:


<div id=”mobile-banners” style=”display:none”>

 <ul>

  <li><a href=“ссылка-для-слайда”><img src=“путь-к-изображению” /></a></li>

  <li><a href=“ссылка-для-слайда”><img src=“путь-к-изображению” /></a></li>

  <li><a href=“ссылка-для-слайда”><img src=“путь-к-изображению” /></a></li>

 </ul>

</div>