Адаптивный код

12
LD
На сайте с 20.05.2015
Offline
133
#11

Не пойму в чем дело... Вставляю на страницу код:

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

<!-- Amin1 -->

<ins class="adsbygoogle Amin1"

style="display:inline-block"

data-ad-client="ca-pub-71986011941195ХХ"

data-ad-slot="48568385ХХ"></ins>

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script></center>

Обновляю страницу, код не показывается. Захожу на редактор страниц, вижу что код стал:

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

<!-- Amin1 -->

<ins class="adsbygoogle Amin1" style="display: inline-block;" data-ad-client="ca-pub-71986011941195ХХ" data-ad-slot="48568385ХХ"></ins>

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

// ]]></script></center>

Что за хрень такая? Сайт на WP

S0
На сайте с 10.04.2012
Offline
78
#12
LyalinDV:
Захожу на редактор страниц

Это который визуальный редактор вордпресса? Он иногда правит код по своему усмотрению, потому им не пользуюсь. Стили пропишите прямо над блоком:

<style>

.Amin1 { }

</style>

S
На сайте с 04.04.2014
Offline
41
#13
Squier13:

#header2 {
display:block;
}
#header1 {
display:none;
}
@media screen and (min-width: 619px) {
#header1 {
display:block;
}
#header2 {
display:none;
}
}

<div id="header1">показываюсь при более или равно 619px</div>

<div id="header2">показываюсь при менее 619px</div>

Спасибо огромнейшее, но получилось частично)

Показывается на сайте реклама при экране больше 619, а вот при меньших экранах пустота - блок гугла не выводится,

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

Смущает эта строчка <ins class="adsbygoogle header2"

Потому как вставляю вместо кода адсенс "текст" - он показывается, блоки ну никак не идут.

На сайт вставляю просто блок кода в таком виде:


<style type="text/css">
#header2 {
display:block;
}
#header1 {
display:none;
}
@media screen and (min-width: 619px) {
#header1 {
display:block;
}
#header2 {
display:none;
}
}
</style>
<div id="header1"><script type="text/javascript" src="code.php"></script></div>
<div id="header2"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle header2"
data-ad-client="ca-pub-xxxx"
data-ad-slot="xxxx"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
12

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