Как автоматически изменить размер AdSense в зависимости от размера окна браузера?
Недавно htpcbeginner.com претерпел несколько визуальных (и внутренних изменений) изменений, одним из которых является автоматическое изменение размера Adense в зависимости от размера браузера. Эта тема подпадает под тему адаптивной рекламы Adsense, которая стала популярной в последнее время, чтобы сделать Интернет более отзывчивым. Все это означает адаптацию ваших веб-страниц к браузеру / устройству, с которого они просматриваются. Например, если посетитель использует телефон Android, показ рекламы Adsense меньшего размера может быть визуально лучше. Другие блогеры написали подробные статьи на эту тему. Цель этого поста – предоставить вам пример того, как в htpcBeginner мы недавно начали автоматически изменять размер Adsense в зависимости от размера браузера.
Автоматическое изменение размера Adsense в зависимости от размера браузера
В наших недавних усилиях по обновлению дизайна htpcbeginner.com мы внесли несколько изменений, одним из которых является переключение на адаптивную тему новостей от StudioPress. Так как большинство наших посетителей использовали экран большего размера, мы перешли от системы сетки 960 пикселей к модифицированной системе сетки 1140 пикселей. Поэтому, если посетитель использует экран / окно большего размера, веб-страница будет иметь ширину 1140 пикселей, а если окно меньше веб-страницы шириной 960 пикселей. С этим изменением мы также хотели воспользоваться дополнительным пустым пространством на больших экранах, предлагая более крупные рекламные объявления Adsense, как показано на рисунках ниже.
728×90 Объявления – Ширина окна более 1140 пикселей
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