Jump to content

Recommended Posts

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

 

Сегодня проверил, оказывается таких посетителей 30-35% и они практически не монетизируются.

 

Как сделать так, чтобы при разрешение <960px показывалась реклама под изображением к посту, а при большем пропадала? Может есть скрипт какой? 

 

 

Как пример, сделано тут: (если уменьшить окошко браузера появляется реклама под картинкой)

 

http://www.cluber.com.ua/lifestyle/lichnaya-zhizn/2015/07/nauchnyiy-sposob-sohranit-lyubov-garantiya-100/

 

Link to post
Share on other sites

Есть вопрос? Задай его профессиональным веб-мастерам, SEO и другим специалистам!

div блок со скриптом рекламы и @media запрос на разрешение до какого показывать, а после какого не показывать.

 

css --------->

@media screen and (min-width: 960px) {
    .block_rekl {display:none}
   }

html ----->

<div class="block_rekl">код рекламы</div>
Link to post
Share on other sites

Как и обычно, ставим код баннер в html, делаем для него класс <div class="reklama"></div>
 

@media only screen and (max-width: 960px) {

.reklama {margin: 0;}
}


Здесь прописываем стили для класс, когда разрешение менее 960пх,
 
 

@media only screen and (max-width: 1000px) {

.reklama {display: none;}
}

 
А тут прописать для этого класса
 
display: none

 

Если я не ошибаюсь)

Link to post
Share on other sites

Как и обычно, ставим код баннер в html, делаем для него класс <div class="reklama"></div>

 

Здесь прописываем стили для класс, когда разрешение менее 960пх,

 

 

 

А тут прописать для этого класса

 

display: none

 

Если я не ошибаюсь)

max-width не подходит

Один раз написать мин-видс и разрешение, и будет пропадать. А там как хочет чтоб выглядел - просто css пусть делает.

 

вот пример - https://jsfiddle.net/0nja2pfm/- йорзайте окно "РЕСУЛЬТ"

Link to post
Share on other sites

max-width не подходит

Один раз написать мин-видс и разрешение, и будет пропадать. А там как хочет чтоб выглядел - просто css пусть делает.

 

вот пример - https://jsfiddle.net/0nja2pfm/- йорзайте окно "РЕСУЛЬТ"

 

Возможно)

У меня просто на адаптивном наоборот пропадает баннер, когда меньше 960... То есть, там display: none; а при нижнем, который у меня написан класс, там стили заданы.

 

Особо не задумывался, просто по подобию написал. Поэкспериментировать и будет результат)

Link to post
Share on other sites

max-width не подходит

Один раз написать мин-видс и разрешение, и будет пропадать. А там как хочет чтоб выглядел - просто css пусть делает.

 

вот пример - https://jsfiddle.net/0nja2pfm/- йорзайте окно "РЕСУЛЬТ"

Зачем screen ? из 30%, 20% устройств мобильные, screen == экран монитора. Для 10% реклама не будет видна, как минимум. А может и для всех 30%.

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...