Технология

Как автоматически изменить размер AdSense в зависимости от размера окна браузера?

Как автоматически изменить размер AdSense в зависимости от размера окна браузера?

Недавно htpcbeginner.com претерпел несколько визуальных (и внутренних изменений) изменений, одним из которых является автоматическое изменение размера Adense в зависимости от размера браузера. Эта тема подпадает под тему адаптивной рекламы Adsense, которая стала популярной в последнее время, чтобы сделать Интернет более отзывчивым. Все это означает адаптацию ваших веб-страниц к браузеру / устройству, с которого они просматриваются. Например, если посетитель использует телефон Android, показ рекламы Adsense меньшего размера может быть визуально лучше. Другие блогеры написали подробные статьи на эту тему. Цель этого поста – предоставить вам пример того, как в htpcBeginner мы недавно начали автоматически изменять размер Adsense в зависимости от размера браузера.

Автоматическое изменение размера Adsense в зависимости от размера браузера

В наших недавних усилиях по обновлению дизайна htpcbeginner.com мы внесли несколько изменений, одним из которых является переключение на адаптивную тему новостей от StudioPress. Так как большинство наших посетителей использовали экран большего размера, мы перешли от системы сетки 960 пикселей к модифицированной системе сетки 1140 пикселей. Поэтому, если посетитель использует экран / окно большего размера, веб-страница будет иметь ширину 1140 пикселей, а если окно меньше веб-страницы шириной 960 пикселей. С этим изменением мы также хотели воспользоваться дополнительным пустым пространством на больших экранах, предлагая более крупные рекламные объявления Adsense, как показано на рисунках ниже.

Автоматическое изменение размера Adsense в зависимости от размера браузера

728×90 Объявления – Ширина окна более 1140 пикселей

Автоматическое изменение размера Adsense в зависимости от размера браузера

468×60 объявления – ширина окна менее 1140 пикселей

Как автоматически изменить размер рекламы AdSense

Оказывается, очень легко автоматически изменить размер Adsense, изменив блок кода Adsense, как показано ниже:

ifЗаявление в середине решает, какие google_ad_slot, google_ad_widthи google_ad_heightзначения используются. Если размер окна браузера меньше 1140 пикселей, этот код будет автоматически изменять размер рекламы Adsense до 468×60, в противном случае будет отображаться реклама 728×90. [ls_content_block slug = “Recommended-Reading-WordPress”] Эти адаптивные объявления AdSense одобрены Google и не нарушают условий и положений. Поэтому воспользуйтесь мощью Javascript и автоматически измените размеры рекламы Adsense, чтобы она соответствовала экрану посетителя, а также извлекайте из этого выгоду.

Источник записи: https://www.smarthomebeginner.com

Похожие записи
Технология

Полное руководство по настройке Pi Hole: лучший интернет без рекламы за 15 минут

Технология

Переместите UniFi Controller на новый хост без потери настроек

Технология

Как запустить PiHole в Docker на Ubuntu, без обратного прокси-сервера?

Технология

Усовершенствуйте свой маршрутизатор с помощью обновления прошивки DD-WRT

Sign up for our Newsletter and
stay informed
[mc4wp_form id="14"]

Политика конфиденциальности

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

Принять