[Vooda2012]

Ребята, добрый вечер. Требуется ваша помощь.

Сейчас помогаю жене заниматься одним сайтом и возникла необходимость поставить в шапку баннер, который будет вести на раздел "вопросы-ответы".

Все бы хорошо (тема на wp навороченная, вставляй не хочу), но немалая часть посетителей заходит с мобильных устройств. Стало-быть нужно делать баннер, который станет подстраиваться под разрешение экрана. Погуглил немного и узнал, что адаптивные баннеры делаются на HTML5 и CSS3. К сожалению для меня это если и не дремучий, то все равно лес.

В документации к шаблону есть следующая информация (касательно адаптивности рекламы):

How to make responsive text/flash or image ads:
Paste this code in the adspot that you want to use and in each <div> add your code for the specific device.

Код HTML:

<div class="td-visible-desktop">
desktop ad code
</div> <div class="td-visible-tablet-l">
tablet landscape ad code
</div> <div class="td-visible-tablet-tp">
tablet portrait ad code
</div> <div class="td-visible-phone">
phones ad code
</div>

Я вот совсем не знаю куда это дело вставлять.

В общем, что я хочу от вас узнать:
Как лучше поступить? Как сделать адаптивный баннер? Сколько это может стоить?

Если вы умеете делать красивые адаптивные баннеры, то предлагайте свои услуги в ЛС либо по контактам из профиля.

[ekart]

Код HTML:

<div class="td-visible-desktop">
код баннера для deckktop
</div> <div class="td-visible-tablet-l">
код баннера для tablet landscape ad code
</div> <div class="td-visible-tablet-tp">
код баннера для tablet portrait ad code
</div> <div class="td-visible-phone">
phones ad code
</div>

И весь код в нужное место.

[Faraday]

Да, верно сказано, скорее всего вам нужно будет вставить 4 вида баннеров, каждый будет отображаться в "своём" разрешении экрана. А другие будут в это время скрыты.
Однако всё зависит от темы, это моё предположение.

[Vooda2012]

Ага... Немного прояснилась ситуация. А кто может сказать какие размеры баннеров нужны для каждого типа устройств?
Для ПК знаю - 728*90 , а что на счет остальных?

[arhimed]

Vooda2012,
320x50 mobile banner - принятый и утвержденный формат.

[Vooda2012]

arhimed, Это формат для всех мобильных устройств (телефон, планшет в разных ориентациях)?

Т.е. алгоритм моих действий таков:

1. Заказываю 2 баннера (728*90 и 320*50).
2. Вставляю код этих баннеров в вышеприведенный html код.
3. Размещаю html код в блок для рекламы в шапке сайта.

Правильно я все понял?

[arhimed]

Vooda2012,
Попробуйте заглянуть вот сюда: _https://developers.google.com/mobile-ads-sdk/docs/admob/intermediate

[ekart]

Для ПК знаю - 728*90 , а что на счет остальных?

В помощь http://mobiletest.me

[Drew]

Попробуйте Google Web Designer, он как раз заточен под html5 баннеры. Есть свои недостатки, но в вашем случае неплохой вариант.