Адаптивыне баннеры

[fishlegz]

Здравствуйте, у меня возник вопрос по поводу рекламных баннеров. Дело в том что имеется сайт на котором пытаюсь реализовать адаптивный дизайн, ширина всех элементы в относительных единицах и по замыслу все должно растягиваться и сужаться относительно ширины вьюпорта, но рекламные баннеры никак не тянутся. Я подключил скрипт, который ресайзит айфреймы, он работает но только с айфреймом в котором видео, а с баннерами нет, сам айфрейм с рекламой подстраивается под ширину контейнера, а картинка остается фиксированной ширины. Я мог бы показать сайт, но там контент 18+. Может быть кто-то сталкивался с подобными проблемами, и вообще как обстоит дело с адаптивностью у баннеров, я погуглил и так понял, что рекламодатели должны сами делать баннеры, которые будут вписываться в адаптивный дизайн, или все же я плохо искал и есть решения, которые будут работать и с рекламой. Спасибо.

[Andryshok]

Ну что значит вписываться? Если флеш то возможно сделать так называемый резиновый баннер, если у вас статические картинки - каким образом рекдламодатель впишет какой либо код в картинку? Адаптивная верстка на том же bootstrap уменьшит сама ваши картинки до минимального значения, поэтому тут проблема так сказать на вашей стороне..., ну это мое мнение - я могу ошибаться так как в плане верстки я не профи.

Посмотрите например вот шаблон http://www.templatemonster.com/ru/demo/52814.html   а теперь посжимайтеокно вашего браузера - видите картинки пирогов становятся меньше

Хотя как на мое мнение все сайты на bootstrap одинаковые  (шаблонные) и сразу видно на чем он сверстан, видимо это из за стандартов сетки

Edited February 14, 2015 by Andryshok

[fishlegz]

Ну что значит вписываться? Если флеш то возможно сделать так называемый резиновый баннер, если у вас статические картинки - каким образом рекдламодатель впишет какой либо код в картинку? Адаптивная верстка на том же bootstrap уменьшит сама ваши картинки до минимального значения, поэтому тут проблема так сказать на вашей стороне..., ну это мое мнение - я могу ошибаться так как в плане верстки я не профи.

Посмотрите например вот шаблон http://www.templatemonster.com/ru/demo/52814.html   а теперь посжимайтеокно вашего браузера - видите картинки пирогов становятся меньше

Хотя как на мое мнение все сайты на bootstrap одинаковые  (шаблонные) и сразу видно на чем он сверстан, видимо это из за стандартов сетки

 

У рекламных баннеров картинка стоит в айфрейме, эта картинка находится на другом домене и я не могу контролировать её размеры, все остальное на сайте ресайзится как мне надо, в том числе фреймы с видео и картинки, но с баннерами все не так. В вашем примере  с пирогами это обычная картинка, а меня интересуют именно баннеры.

[Andryshok]

Может я чего то не понимаю , но картинка с баннером (со ссылкой на ресурс рекламодателя) должна находится все таки у вас на сайте а не вставляться  iframe, вам же платят за нее....., у вас что то новенькое или я устарел?

[fishlegz]

Может я чего то не понимаю , но картинка с баннером (со ссылкой на ресурс рекламодателя) должна находится все таки у вас на сайте а не вставляться  iframe, вам же платят за нее....., у вас что то новенькое или я устарел?

 

Рекламодатель дает вам скрипт баннера, после того как вы верефицируете свой домен, вы ставите этот скрипт, скрипт создает фрейм с картинкой, которая находится на другом домене, это не картинка завернутая в ссылку, это баннер. Можете посмотреть пример, если перейдете по ссылке с фидла http://jsfiddle.net/qs01hmxh/, баннер снизу, надо выключить адблок. Это не сайт, которым я занимаюсь, лишь для примера какого рода баннер.

Edited February 14, 2015 by fishlegz

[Andryshok]

Это не сайт, которым я занимаюсь, лишь для примера какого рода баннер

  - а так хотелось бы   да...,, незнаю я тогда в этом случае пас

[Vlad]

На сайте Яндекса всплывала подобная тема - можно ли использовать разные блоки под разный масштаб страницы. В итоге служба поддержки посоветовала определять на сервере разрешение и менять в соответствии с этим код. Это, конечно, не адаптивный дизайн, но тоже вариант.