Как сделать чтобы показывались и адаптивные и простые объявления adsense?

голоса: 0
Здравствуйте! Как сделать что бы показывались и адаптивные и простые объявления adsense. На ПК фиксированные например 728x90 а на мобильном адаптивный. Вот что добавить?: <?if($код$)?>здесь фиксированный код 728 на 90<?else?>а здесь адаптивный, когда смотрят на планшете или смартфоне<?endif?> Например через глобальные блоки.  Крайне нужно. Помогите пожалуйста.
Адрес сайта trancemuz.net
| Автор: | Категория: Монетизация сайта

Ответов: 1

голоса: 0

Используйте как пример один див вида:

<div id="media">здесь код рекламы для мобильных</div>

<div id="media2">здесь код рекламы для компьютера</div>

далее используйте условие media https://webref.ru/css/media в которых для конкретных разрешений пропишите скрытие рекламы для разрешений под компьютер и отображение для мобильных. Или еще проще можно сделать, создайте в адсенсе адаптивный блок, там есть такая возможность. В итоге реклама будет сама подстраиваться под разные разрешения.

| Автор:

Спасибо но получилось во что - ссылка Наверное media и media2 Заменить?

Длинный это адаптивный блок на скрине а короткий 720-90 А в стилях к сожалению ничего не понял.

Павел Макаров,

Это что за бред:

<div id="width <= 300px">

<div id="width <= 1200px">

замените эти два кода на вида:

<div id="media300">

<div id="media1200">

после в стили прописать подобное:

@media screen and (max-width: 300px) {#media1200 {display:none;}}
@media screen and (min-width: 1200px) {#media300 {display:none;}}

Yuri_Geruk,
Спасибо. К сожалению на компьютере показывает 728x90 а на планшете и смартфоне оба разом показываются.
Павел Макаров,

Условия нужно дорабатывать, я вам просто показал пример как примерно реализуется. Можно сделать примерно так:

@media screen and (min-width: 240px) and (max-width: 300px) {#media1200 {display:none;}}
@media screen and (min-width: 300px) and (max-width: 1200px) {#media300 {display:none;}}

Yuri_Geruk,
Спасибо) Буду пробовать ... Кстати на смартфоне работает, просто куки обновил. И на компе большое 728-90 и на смартфоне адаптивное вписывается авто. Так что надо помутить с размерами экранов я это и хотел спросить. Буду пробовать. По результату отпишусь. Может другим поможет)
...