Форум Монетизация сайтов Google AdSense

По адаптивным блокам adsense.

zaxavar
На сайте с 08.10.2012
Offline
181
zaxavar
6946

Здравствуйте!У меня сайты имеют адаптивный дизайн, поэтому предпочитаю устанавливать адаптивные блоки.

Однако, если в сайдбар поставить адаптивный блок adsense, например сверху, он для декстопной версии сайта вставляет блоки высотой 600px - весь мой контент смещается вниз.

Решил попробовать задать для блока в сайдбаре фиксированную высоту: 

.sidebar-block {

	height: 300px;

	max-height: 300px;

}

Однако, гугл игнорирует его высоту и показывает все тот же блок 240x600 просто он обрезается во высоте дива.

Есть мысли, как заставить его показывать блоки по высоте дива?

Спасибо.

Вместо или вместе с Adsene - Adsterra - https://publishers.adsterra.com/referral/wf8uqXSYuu Раcскажу, подскажу.
Vin_cent
На сайте с 22.01.2010
Offline
171
Vin_cent
#1

Ниже представлен код адаптивного рекламного блока, обеспечивающий горизонтальную ориентацию объявлений.

<ins class="adsbygoogle"

style="display:block;"

data-ad-client="ca-pub-1234"

data-ad-slot="5678"

data-ad-format="horizontal"></ins>

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

По умолчанию код адаптивного рекламного блока содержит тег data-ad-format со значением auto, при котором размер блока задается автоматически. Но вы можете указать форму рекламного блока, изменив это значение на rectangle, vertical или horizontal (или перечислить их через запятую, например rectangle, horizontal).

Как правильно сделать адаптивный Правила программы - пришло Исчезла реклама на сайте,помогите
zaxavar
На сайте с 08.10.2012
Offline
181
zaxavar
#2

Спасибо.

Но мне этот вариант не совсем подходит.

Ведь он и так показывает вертикальные блоки, как и должно быть.

Однако они слишком высокие.

PS Нашел подробное описание на странице https://support.google.com/adsense/answer/3543893

В некоторых случаях можно задавать точные размеры адаптивного рекламного блока для разных устройств с помощью запросов медиа CSS3. Ниже показан пример кода, который позволяет этого добиться.
<style type="text/css">
.adslot_1 { width: 320px; height: 100px; }
@media (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }
@media (min-width:800px) { .adslot_1 { width: 728px; height: 90px; } }
</style>
<ins class="adsbygoogle adslot_1"
style="display:inline-block;"
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>
Vin_cent
На сайте с 22.01.2010
Offline
171
Vin_cent
#3
zaxavar:
Спасибо.
Но мне этот вариант не совсем подходит.
Ведь он и так показывает вертикальные блоки, как и должно быть.
Однако они слишком высокие.
PS Нашел подробное описание на странице https://support.google.com/adsense/answer/3543893

Прежде чем писать, что не подходит, проверил бы, прописав: data-ad-format="rectangle" или "horizontal".

zaxavar
На сайте с 08.10.2012
Offline
181
zaxavar
#4
Vin_cent:
Прежде чем писать, что не подходит, проверил бы, прописав: data-ad-format="rectangle" или "horizontal".

Я попробовал rectangle, он показывает маленький квадрат, пустоты справа и слева.

В любом случае спасибо, я не знал что и у них появились такие гибкие настройки.

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