Какой код Adsense правильный?

12
Chelsea
На сайте с 30.01.2013
Offline
99
2147

Занялся проблемой отображения адаптивных баннеров на мобильных утройствах в верхней части экрана (тема - /ru/forum/944934).

Сделал такой код:

<!-- NameBanner -->

<ins class="adsbygoogle"
style="display:inline-block;min-width:200px;max-width:2000px;width:100%;height:100px"
data-ad-client="ca-pub-111111111111111"
data-ad-slot="11111111111"</ins>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Правильный ли этот код?

Как пример я брал код с советов гугла: (https://support.google.com/adsense/answer/6307124?hl=ru&ref_topic=1307438)

<ins class="adsbygoogle"

style="display:inline-block;min-width:400px;max-width:970px;width:100%;height:90px"
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>

Также я спросил на форуме поддержки и там пользователь сообщил что мой пример кода неправильный и привел свой вариант:

<style type="text/css">

.adslot_1 { width: auto; height: 90px; }
</style>
<ins class="adsbygoogle adslot_1"
style="display:inline-block;"
data-ad-client="ca-pub-xxxxxxxx"
data-ad-slot="xxxxxxxx"></ins>

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Как сделать код правильно?

Благодарю за помощь!

AlexStep
На сайте с 23.03.2009
Offline
353
#1

Хм... даже не знаю кому верить официальным документам Гугла или пользователю с форума 😕

Chelsea
На сайте с 30.01.2013
Offline
99
#2
AlexStep:
Хм... даже не знаю кому верить официальным документам Гугла или пользователю с форума 😕

Документам Гугла конечно :)

Но на официальном форуме поддержки тот человек дал много полезных ответов, вот и появились сомнения.

M
На сайте с 24.03.2010
Offline
216
#3

Последний код - так же из справки гугловской.

Alex Agent
На сайте с 07.04.2011
Offline
304
#4
Chelsea:

Правильный ли этот код?

Как пример я брал код с советов гугла: (https://support.google.com/adsense/answer/6307124?hl=ru&ref_topic=1307438)

<ins class="adsbygoogle"
style="display:inline-block;min-width:400px;max-width:970px;width:100%;height:90px"
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>

В примерах по ссылке такого кода нет. К тому же сам ваш пример кода неверный:

1. Минимальная ширина 400 пикселей - для мобильных это очень много.

2. Упорно не понимаю, почему ТС пытается впихнуть стили inline, а не сделать это через CSS @media, что позволяет гибко задавать размеры блоков для разных разрешений. И именно так рекомендует справка Google.

Всему свое время. Все сами принесут и все сделают. Быстрый и выгодный перевод денег Россия ↔ Украина онлайн (http://smartwm.ru/referral/cea1f09842be).
Chelsea
На сайте с 30.01.2013
Offline
99
#5
Alex Agent:
В примерах по ссылке такого кода нет. К тому же сам ваш пример кода неверный:

1. Минимальная ширина 400 пикселей - для мобильных это очень много.
2. Упорно не понимаю, почему ТС пытается впихнуть стили inline, а не сделать это через CSS @media, что позволяет гибко задавать размеры блоков для разных разрешений. И именно так рекомендует справка Google.

Tакой код там есть - под заголовком "Фиксированная высота и переменная ширина", спрятан под хайдом.

Мой пример - в первом коде, второй код - этот рекомендация от гугла, третий код - рекомендация от пользователя на форуме гугла

AdelinaHost
На сайте с 21.11.2012
Offline
169
#6

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

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="11111111"
data-ad-slot="11111111"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
ADELINAhost - На рынке с 2012 года! - Шаред Хостинг, VPS, Выделенные Сервера, VPN . (https://lyrics.az)
Локации: Россия, США, Англия, Германия, Франция, Нидерланды, Украина, Сингапур, Австралия, Япония, Австрия (https://www.adelinahost.com/ru)
Chelsea
На сайте с 30.01.2013
Offline
99
#7
Alex Agent:

2. Упорно не понимаю, почему ТС пытается впихнуть стили inline, а не сделать это через CSS @media, что позволяет гибко задавать размеры блоков для разных разрешений. И именно так рекомендует справка Google.

А зачем задавать блоки для разных размещений? Адаптивный баннер и так подстраивается, это не Нетборд какой-то. Задача этого кода - убрать свойство адап.блока отображать баннер квадратом на моб.устройствах с малым разрешением в топ зоне сайта. Просто ставим фиксированную высоту 100 пх и гибкую ширину

Alex Agent
На сайте с 07.04.2011
Offline
304
#8
Chelsea:
А зачем задавать блоки для разных размещений? Адаптивный баннер и так подстраивается, это не Нетборд какой-то. Задача этого кода - убрать свойство адап.блока отображать баннер квадратом на моб.устройствах с малым разрешением в топ зоне сайта. Просто ставим фиксированную высоту 100 пх и гибкую ширину

В смысле зачем задавать размер блоков для разных разрешений? А затем, что на разных разрешениях больший CTR и/или стоимость клика имеют разные форматы и не стоит во всем на Google полагаться. Поэтому на смартфонах - небольшие блоки, а на десктопе можем хоть Netboard откручивать

Пример:

а) Для смартфонов и всего с шириной экрана до 800 пикселей - блок 320x100.

б) Для планшетов и старых ПК с низким разрешением с шириной 800-1024 пикселя - 728 x 90.

в) Для всех остальных - 980 x 120.

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

Определяет, но оставляет вебмастеру большой простор для настройки. Блок создавался, собственно, для работы с адаптивными шаблонами, а не для автоподстановки баннеров на усмотрение Google.

S
На сайте с 11.05.2013
Offline
248
#9

у меня всегда код по умолчанию без всяких настроек стилев

SS
На сайте с 23.03.2008
Online
158
#10

Подскажите еще, чем отличается параметр style="display:block;" от style="display:inline-block;". А то видел и так пишут, и так, а в чем там разница - не понимаю:(

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий