Показывать блок рекламы только на десктопе?

N
На сайте с 29.06.2017
Offline
10
839

Приветствую.

Нужно показывать блок адсенса справа на сайте в колонке <div class='col-lg-3'>тут реклама</div>

Сейчас на десктопе показывается справа как и должно, а на мобиле уезжает вниз.

Как скрыть ее на мобиле - через javascript? можно ли адсенс скрывать джавой?

Может есть готовый кусок кода?

Samail
На сайте с 10.05.2007
Offline
369
#1
Функция скрытия рекламного блока

В некоторых случаях вам может понадобиться скрыть рекламный блок (например, при показе на мобильном устройстве с маленьким экраном). Это можно сделать с помощью специального параметра запросов @media в коде CSS. Ниже приведен пример.
Пример скрытия рекламного блока при определенном размере экрана
Вот как можно скрывать рекламный блок на экранах определенного размера:
<style type="text/css">

.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>
<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>

В этом примере объявления не показываются, если ширина экрана менее 400 пикселей.

https://support.google.com/adsense/answer/6307124?hl=ru&ref_topic=1307438

S
На сайте с 13.10.2014
Offline
171
#2

вместо

<div class='col-lg-3'>тут реклама</div>

сделать

<div class='col-lg-3 hidden-xs'>тут реклама</div>

подробнее тут: https://getbootstrap.com/docs/3.3/css/#responsive-utilities

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