Принудительная маржа для блоков Google AdSense в мобильном представлении

У меня есть следующие правила в моем мобильном CSS:

html{
    padding:15px;
}

body{
    margin:15px;
  }

Этим правилам подчиняются все элементы на странице, кроме блоков AdSense Google. Эти объявления находятся в «автоматическом» режиме, что означает, что вы помещаете одну строку javascript в раздел <head> вашего HTML, а алгоритмы Google выбирают размер и размещение рекламных блоков.

Все рекламные блоки отображаются по всей ширине области просмотра, а не на полях. Как мне заставить поля на них?

https: //i.imgur.com/7FdOyc8.png


html css responsive-design adsense margins
person Knocks X    schedule 02.09.2019    source источник
comment
не знаю, что у вас есть в HTML, но если у вас есть контейнер div - вы пытались вместо этого применить к нему поля? body/html, вероятно, переопределяются собственными требованиями AdSense.   -  person Jasmine    schedule 03.09.2019

Ответы (2)


arrow_upward
0
arrow_downward

Объявления AdSense с автоматическим размером, похоже, переопределяют css страницы. Единственное, что вы можете попробовать, это установить маржу для вашего рекламного блока:

.adsbygoogle{
  margin:10px !important;
}

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

person Tarilonte    schedule 04.10.2019

arrow_upward
0
arrow_downward

Вот мои настройки. Отлично работает как для десктопа, так и для мобильных устройств. Установка только поля вызывает проблемы на мобильных устройствах (слева и справа).

.adsbygoogle {
  margin-top:20px !important;
  margin-bottom:20px !important;
}
person Cagatay Belgen    schedule 06.07.2021