Я использую google adsense в своем отзывчивом дизайне Wordpress (используя twitter bootstrap.) Прямо сейчас, когда сайт изменяет размеры рекламы, вы можете просто выглядеть плохо.
Есть ли что-нибудь, что я могу сделать, чтобы помочь с этим? Я действительно видел сайт, который выглядел так, будто кто-то менял размеры рекламы на меньших экранах... Я не уверен, как это возможно, так как это java script, правильно?
Любая обратная связь будет очень полезна. Спасибо!
В идеале, мультимедийные запросы CSS могут автоматически масштабировать рекламу, и в идеальном мире объявления автоматически изменят свой макет на основе нового размера. Однако Google Ads не поддерживает это, и они даже не позволяют это: вам не разрешается изменять содержимое объявления и не скрывать какую-либо его часть, кроме как с явным разрешением от Google, в соответствии с их Условия обслуживания (удалено текст с [...]):
5. Запрещенные использования.. Вы не должны и не должны разрешать или поощрять стороннюю сторону: (i) [...] (ii) редактировать, изменять, фильтровать, усекать или изменять порядок информации, содержащейся в любом объявлении, ссылке, рекламном блоке, результатах поиска или реферальной кнопке, или удалении, скрыть или свести к минимуму любое объявление, ссылку, рекламный блок, результат поиска или реферал Кнопка в любом случае без авторизации из Google; [...]
Альтернативным решением могло бы служить реклама объявлений через JavaScript на условной основе. Например, когда страница загружается, извлекает размер окна просмотра браузера, и если ширина окна просмотра браузера меньше ширины предпочтительного объявления, вместо этого добавьте меньшее объявление. Он должен работать аналогично запросам мультимедийных сообщений CSS, за исключением того, что они не обрабатывают новые объявления, когда пользователь изменяет размер своего браузера, поскольку это создаст ложные показы (несколько показов на одной странице без обновления), что также противоречит их Условия обслуживания:
5. Запрещенное использование.. Вы не должны и не должны разрешать или поощрять стороннюю сторону: (i) прямо или косвенно создавать запросы, реферальные события или показы или клики на любое объявление, ссылка, результат поиска или кнопка перенаправления (, включая, без ограничений, нажатие на "воспроизведение" для любого видеообъявления) через любые автоматические, обманные, мошеннические или другие недействительные средства, в том числе, но не ограничиваясь ими, путем повторных ручных кликов, использования роботов или других автоматизированных инструментов запросов и/или запрошенных пользователем поисковых запросов и/или несанкционированного использования других служб оптимизации и/или программного обеспечения поисковой системы; [...]
Существующие ответы устарели. Google представил адаптивные объявления в июле 2013 г.:
Новые адаптивные рекламные блоки позволяют поддерживать широкий диапазон устройств, работая с вашими отзывчивыми веб-страницами дизайна. Ты можешь сейчас динамически укажите размер объявления, которое будет подано, адаптируясь он должен соответствовать тому, как ваш сайт отображает страницу на определенном устройстве.
Отзывчивые объявления работают с фиксированными, гибкими и гибкими макетами. Все, что вам нужно сделать, это разместить версию кода "Умный размер" в том месте, где вы хотите показывать рекламу. Объявление будет растягиваться горизонтально, чтобы занять все доступное пространство и вертикально, чтобы отобразить наиболее оптимальное объявление стандартного размера. Если ваш веб-сайт изменит свой макет в зависимости от ориентации устройства, то объявление автоматически изменится на событие изменения ориентации устройства. Предварительная настройка возможна с использованием атрибутов данных CSS и HTML5.
Google теперь официально поддерживает отзывчивые объявления (в настоящее время в BETA). Существует хорошая запись функций здесь со ссылками на официальные документы Google.
http://exisweb.net/using-google-adsense-async-tags-for-responsive-design
Это работает, но один из недостатков заключается в том, что при изменении размера окна просмотра объявления автоматически не изменяются. Из того, что я понимаю, это против TOS, чтобы попытаться вызвать рекламный сервер при изменении размера окна просмотра.
Там есть плагин под названием Отзывчивый Adsense. Он добавляет виджет с 5 полями объявлений, и вы вводите в них pub id и ad id. Затем, исходя из размера экрана, он отображает 1 из 5 объявлений. Я попробовал его в мобильном браузере, и он отобразил объявление размером с блок, а не мобильное.
Я согласен с тем, что размещено в Equilibrium3. Выберите рекламный блок = адаптивный рекламный блок (бета-версия). Как только вы получите код объявления, вы можете разместить его внутри <div class="span12">, который также находится внутри <div class="row">. Это работало для меня для размещения горизонтального объявления и с его центрированием.
Это страница, где у меня есть горизонтальное объявление → http://www.espaciodigital.mx/
Теперь, если вы хотите разместить рекламный код на боковой панели, сделайте то же самое, что и выше, но разделите страницу, используя, скажем, <div class="span3"> для боковой панели и <div class="span9"> для остальной части страницы.
Я сделал это на следующей странице, где квадратные объявления находятся слева → http://www.espaciodigital.mx/quienes_somos.html
Обе рекламы отлично работают, когда их видят на мобильном устройстве. Попробуйте. Надеюсь, что это поможет!
Чтобы поддерживать отзывчивость моей страницы, я сделал это следующим образом:
<div class="table table-responsive">
<div class="text-center text-muted">
<hr><br>
<small>advertisement</small>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- bottom -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client=""
data-ad-slot=""
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br>
</div>
</div>