Реагирующие звенья в AdSense

На данный момент, похоже, что единственный способ внедрения рекламных блоков AdSense для веб-сайта, основанного на гибком дизайне, - использовать рекламные блоки, отвечающие требованиям Google. Тем не менее, похоже, что нет доступных вариантов ответа для блоков ссылок.

Можно ли каким-либо образом внедрить ссылки на Google AdSense на отзывчивый дизайн, не нарушая дизайн и не располагая содержимым вне области просмотра?

Я задал тот же вопрос на форумах Google Product, и они тоже не смогли.

5 голосов | спросил Rana Prathap 16 J000000Wednesday14 2014, 23:01:51

4 ответа


3

Я знаю, что это старая тема, но ее актуальность становится все более актуальной (2015-06-17). Как упоминает Google в этом документе , вам разрешено скрывать любое объявление (а не только рекламные блоки для ссылок) на небольших мобильных устройствах . Например, если вы специально хотите, чтобы рекламный блок не отображался на экранах шириной 400 пикселей, вы можете сделать это (собственный пример Google):

<style>
.adslot_1 { display:inline-block; width: 320px; height: 50px; }
@media (max-width: 400px) { .adslot_1 { display: none; } }
@media (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }
@media (min-width:800px) { .adslot_1 { width: 728px; height: 90px; } }
</style>

Цитирование Google:

  

вы можете установить параметр с помощью мультимедийных запросов CSS, чтобы без запроса объявления   и объявление не отображается

Это то, что происходит с медиа-запросом, используя display: none: объявления не будут запрашиваться, поэтому вы не рискуете нарушить Политика Adsense.

В HTML и Javascript вам просто нужно использовать класс adslot_1, остальная часть кода не требует любая модификация .

<ins class="adsbygoogle adslot_1"
   data-ad-client="ca-pub-1234"
   data-ad-slot="5678"></ins>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

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

Расширяемое решение ширины

Поэтому, особенно в рекламном блоке link , я обычно даже не использую display: none. Вы можете решить проблему с их расширяемой шириной подхода , что является еще одним примером Google

<style>
.adslot_1 { display:inline-block;min-width:100px;max-width:970px;width:100%;max-height:100px; }
</style>

Установив минимальную и максимальную ширину, в то время как сам width адаптируется к экрану (установка его в 100%) - это опция, которая поддерживает все ширины рекламных объявлений от самых последних (728x15 и 200x90) до самых маленьких (468x15 и 120x90), и вы даже не нужны @media запросы!

Поэтому, если в будущем Google создаст небольшие узлы ссылок, ваше устройство будет поддерживать, запрашивать и отображать их! Это связано с тем, что Adsense автоматический размер основывается на доступном пространстве .

Конкретные @media запросы для определенного размера размеров объявлений

Если вы по-прежнему предпочитаете устанавливать фиксированную ширину и высоту (для определенного рекламного объявления), вы можете указать еще лучше свои медиа-запросы с минимальной шириной и максимальной шириной. Например:.

<style>
.adslot_1 { display:inline-block; width: 728px; height: 15px; }
@media (max-width: 479px) { .adslot_1 { width: 468px } }
@media (min-width: 480px) and (max-width: 799px) { .adslot_1 { width: 728px } }
@media (min-width:800px) { .adslot_1 { width: 728px; height: 90px; text-align: center } }
</style>

Это позволит отображать как 468x15, так и 728x15 рекламные ссылки под шириной экрана 800px, а также все другие рекламные блоки для ссылок, доступные выше этой ширины (от 120x90 до 200x90 и, очевидно, 728x15). Если в будущем будет создан рекламный блок с ссылкой 100x15, вы можете установить @media (max-width: 479px) { .adslot_1 { width: 100% } } или другой медиа-запрос:

@media (max-width: 199px) { .adslot_1 { width: 100px } }
@media (min-width: 200px) and (max-width: 479px) { .adslot_1 { width: 468px } }
ответил Armfoot 17 J0000006Europe/Moscow 2015, 19:52:33
4

Адаптивные блоки ссылок теперь доступны в adsense .

  

Реагирующие блоки ссылок позволяют поддерживать широкий диапазон устройств (например, компьютеры, телефоны, планшеты и т. д.), автоматически адаптируя их размер в соответствии с макетом страницы. Они предназначены для работы с сайтами, построенными с адаптивным дизайном, но будут работать и на невосприимчивых сайтах. Независимо от того, какие пользователи устройств используют для посещения вашего сайта, гибкие блоки ссылок могут помочь вам обеспечить отличную работу с объявлениями.

Как выглядит код.

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- responsive adlinks -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
     data-ad-slot="xxxxxxxxxx"
     data-ad-format="link"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Тексты внутри ссылок-кнопок прекрасно соответствуют содержанию сайтов, которые я тестировал, и выглядят очень заманчивыми. В моих тестах они выполнялись очень хорошо, но я удалил их, поскольку они чувствуют себя раздражающими посетителями, обманывая их ссылками, которые фактически не соответствуют словам, показанным на кнопках.

Они выполнили выдающийся под первым абзацем и все еще приятный в конце страницы.

ответил code_only 30 thEurope/Moscowp30Europe/Moscow09bEurope/MoscowSat, 30 Sep 2017 03:18:32 +0300 2017, 03:18:32
1

Это то, что я сделал для скрытия длинных adlinks на мобильных устройствах. Этот метод (как я полагаю) также подпадает под одну из приемлемых модификаций изменения кода AdSense -

ответил Aakash 29 thEurope/Moscowp30Europe/Moscow09bEurope/MoscowMon, 29 Sep 2014 15:11:35 +0400 2014, 15:11:35
-1

Используйте контейнеры div и поместите как большие, так и мелкие ссылки, затем используйте медиа-запросы для отображения: none.

ответил Justin 10 WedEurope/Moscow2014-12-10T06:58:21+03:00Europe/Moscow12bEurope/MoscowWed, 10 Dec 2014 06:58:21 +0300 2014, 06:58:21

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132