Как не загружать определенные элементы в зависимости от размера экрана с помощью javascript / jquery

Question

Я делаю сайт, используя адаптивный веб-дизайн (через медиа-запросы).

Я хочу иметь разные объявления для разных размеров экрана. Например, я не хочу, чтобы объявление 780 на 90 отображалось при посещении сайта браузером телефона.

Я знаю, что дисплей: нет; не вариант, потому что объявление все равно будет загружено и запечатлеть показ. Это не вариант.

По сути, мне нужно знать, как загрузить рекламу через javascript после того, как было найдено разрешение экрана. Я могу найти разрешение, я просто не знаю, как добавить рекламу после того, как нашел это.

Я пробовал .html с помощью jquery, но, похоже, он не позволяет добавлять теги сценариев в DOM.

Заранее спасибо.

Answer 1

CSS3 Media Queries будет выборочно выводить изображения в зависимости от размера экрана - до тех пор, пока на изображение ссылаются в CSS ...

Answer 2

Если вы используете Google DFP Andyl , то упомянули их метод быстрого реагирования на показ объявлений, который, безусловно, является хорошим местом для начала.К этому я бы добавил, что вам нужно определить сопоставления размеров для каждого слота на странице (даже если они не все отзывчивы), иначе по какой-то причине ничего не работает должным образом.

ТакжеЕсли вы хотите скрыть рекламные блоки, когда браузер меньше заданной ширины / высоты, эта статья Google предлагает , а не , определяя сопоставление для размера браузера [0, 0].Тем не менее, я обнаружил, что когда я делал это, он действительно по какой-то причине отображал мое самое большое объявление.Мне удалось подавить рекламу, создав сопоставление минимального размера, которое ссылается на несуществующий размер объявления, например.

.addSize([0, 0], [1, 1])

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

Надеюсь, это поможет,

Тоби

Answer 3

Если вы используете DFP, у них есть функция адаптивной рекламы, встроенная в объект googletag:

https://support.google.com/dfp_premium/answer/3423562?hl=en&ref_topic=4390040

вы определяете размеры объявлений на основе видимой области содержимого браузера

Answer 4

Я бы порекомендовал делать такого рода вычисления на стороне, а не на стороне. Вы можете использовать библиотеки, такие как WURFL или что-то вроде Apache Mobile Filter.