Адаптивный код для адсенс - что не так?

Автор evagrom79, 11-06-2017, 17:22:27

« назад - далее »

evagrom79Topic starter

Здравствуйте! Кто подскажет, что не так? Сама в кодах спец еще тот, но все же решила попробовать сделать адаптивные объявления адсенса, чтобы они подстраивались под мобильные, на декстопе оставаясь все тем же 580*400. Пошарила в сети, переборала и рекомендации гула, нашла варианты выложенного кода, попробовала применить, но объявление в пор не отображается. Что делаю не так? И как правильно?

<style>
. avto statya adaman TEST { width: 320px; height: 100px; }
@media(min-width: 500px) { .avto statya adaman TEST { width: 336px; height: 280px; } }
@media(min-width: 800px) { .avto statya adaman TEST { width: 580px; height: 400px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!--avto statya adaman TEST-->
<ins class="adsbygoogle avto statya adaman TEST"
     style="display:inline-block"
     data-ad-client="ca-pub-****83471849****"
     data-ad-slot="**********"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>



ВикторияИ

Цитата: evagrom79 от 11-06-2017, 17:22:27но объявление в пор не отображается.

немного непонятно выражен вопрос...

в чем суть?


evagrom79Topic starter

Цитата: ВикторияИ от 11-06-2017, 17:46:30
немного непонятно выражен вопрос...

в чем суть?

Проблема с некоторыми буквами на клаве, в том числе с "У", подразумевалось "в упор"  :D. Собственно, я знаю, что новое объявление сразу не показывается, поэтому прождала полдня. Объявления просто нет. Здесь оно есть http://joxi.ru/MAj343zt4XlBkr, а здесь его нет http://joxi.ru/VrwV4VYhOJE0aA. Поставила я его для пробы ровнехонько вместо обычной рекламы, уже там стоявшей раньше. То есть место проверенное, все там отображается, да, собственно, я этот новый код уже по разным местам совала, не показывается. Получается, что где-то в нем ошибка. Но понять, где - это выше моих способностей (

Vasiliy111

Возможно у Вас реклама (код) блокируется каким нибудь элементом верстки (div, table ... ). У меня был случай когда адаптивная реклама не отображалась из-за того что код выводился в блоках <table class >. Выходом стало добавление для <table class >: height: 100%;width: 100%;.

Попробуйте поиграть с блоками.
  •  

Clever

1. Возьмите адаптивный код Адсенса, он подстраивается сам под разные разрешения экрана.
2. Вместо того чтобы добавлять классы к <ins class="adsbygoogle ****"> заключите рекламный блок в обычный кнтейнер <div></div>, и уже  с ним мудрите.
3. Зачем столько классов :   avto statya adaman TEST   ? 
4. Классы пишутся в css с точкой в начале, для каждого класса: .avto .statya .adaman  и т.д.


evagrom79Topic starter

#5
Цитата: Clever от 11-06-2017, 18:51:35
1. Возьмите адаптивный код Адсенса, он подстраивается сам под разные разрешения экрана.
2. Вместо того чтобы добавлять классы к <ins class="adsbygoogle ****"> заключите рекламный блок в обычный кнтейнер <div></div>, и уже  с ним мудрите.
3. Зачем столько классов :   avto statya adaman TEST   ? 
4. Классы пишутся в css с точкой в начале, для каждого класса: .avto .statya .adaman  и т.д.

Адаптивный на декстопе в основном отображается почему-то такой же, как и для мобильных, то есть торчит что-то маленькое и убогое)) А хочется, чтобы для больших экранов было нормальное объявление, у меня такой формат вполне себя оправдывает. "avto statya adaman TEST" - это имя блока, вообще-то все у меня кириллицей в адсенсе прописаны, но по поводу этого в статье, откуда я код взяла, было указано, что в названии допустима только латиница, цифры и подчеркивания.

Добавлено: 11-06-2017, 18:58:44


Цитата: Vasiliy111 от 11-06-2017, 18:39:21Возможно у Вас реклама (код) блокируется каким нибудь элементом верстки (div, table ... ). У меня был случай когда адаптивная реклама не отображалась из-за того что код выводился в блоках <table class >. Выходом стало добавление для <table class >: height: 100%;width: 100%;.

Попробуйте поиграть с блоками.
Ох, легко сказать, из меня игрун тот еще)) Я могу сообразить, куда блок вставить, но вот как его до ума довести...

Clever

Цитата: evagrom79 от 11-06-2017, 18:57:02
Ох, легко сказать, из меня игрун тот еще)) Я могу сообразить, куда блок вставить, но вот как его до ума довести...

Цитата: evagrom79 от 11-06-2017, 17:54:42
Поставила я его для пробы ровнехонько вместо обычной рекламы, уже там стоявшей раньше. То есть место проверенное, все там отображается, да, собственно, я этот новый код уже по разным местам совала, не показывается. Получается, что где-то в нем ошибка. Но понять, где - это выше моих способностей (

Если это весь код, то нужно в стилях точки дописать без пробела:

<style>
.avto.statya.adaman.TEST { width: 320px; height: 100px; }
@media(min-width: 500px) { .avto.statya.adaman.TEST { width: 336px; height: 280px; } }
@media(min-width: 800px) { .avto.statya.adaman.TEST { width: 580px; height: 400px; } }
</style>




evagrom79Topic starter

Цитата: Clever от 11-06-2017, 19:04:36Если это весь код, то нужно в стилях точки дописать без пробела:
Спасибо, пойду пробовать)


Clever

#8
Цитата: evagrom79 от 11-06-2017, 19:09:24
Спасибо, пойду пробовать)


Если речь идет об одном из сайтов в подписи, (prem-motors.ru/) то учтите, что на странице больше 3 блоков не выведется, поэтому может четвертый и не показывается.

Кстати, вызывать подряд 4 раза один и тот же внешний скрипт не стоит:
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Его достаточно вызвать один раз, как можно ниже в коде.

Добавлено: 11-06-2017, 19:34:08


Пока вы проверяете, я уже прoтестировал в браузере, вот что у меня получилось, прикрепляю скрин:

Добавлено: 11-06-2017, 19:58:29


Уберите рекламный блок над шапкой, а код который хотите вывести можно сократить и выровнять содержимое по центру, вот весь код блока:

[spoiler]<style>
.adsbygoogle.avto { width: 320px; height: 100px; }
@media(min-width: 500px) { .adsbygoogle.avto { width: 336px; height: 280px; } }
@media(min-width: 800px) { .adsbygoogle.avto { width: 580px; height: 400px; } }
</style>

<!--avto statya adaman TEST-->
<ins class="adsbygoogle avto"
style="display:block;margin:auto"
data-ad-client="ca-pub-************"
data-ad-slot="*********"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
[/spoiler]

Останется только параметры data-ad-client="ca-pub-************"  data-ad-slot  вместо звездочек вставить.



evagrom79Topic starter

#9
Цитата: Clever от 11-06-2017, 19:15:26Если речь идет об одном из сайтов в подписи, (prem-motors.ru/) то учтите, что на странице больше 3 блоков не выведется, поэтому может четвертый и не показывается.

Ой, а у меня сынишка спать запросился, пока уложила)) В принципе, адсенса у мне на страницах не более трех. Я когда лишние увидела - причем они вылезали то там, то сям, сама растерялась. А потом вспомнила, что дала добро на объявления уровня, кроме заставки на всю страницу, который оверлей , если не путаю. Так что это гугл уже сам там мудрит - лишние объявления не стационарные, вылезают сами по себе)
Спасибо вам огромное, побегу устанавливать))
Дополняю: РАБОТАЕТ!!!!!!!! :D :D Прям огромнючее вам спасибо!!!! Пойду остальные блоки переделывать!)))