Реклама для десктопов и для мобильных, как реализовать?

12
A
На сайте с 12.10.2011
Offline
186
1661

Всем привет!

Работаю над адаптивным дизайном, и возник важный вопрос: как реализовать отображение рекламы для десктопов и для мобильных устройств? Возникает вроде 2 проблемы:

1) Во-первых нужно рекламу в разных местах показывать. Напр на десктопах можно в шапке, тогда как на мобильных вроде рекомендуют в тексте статьи

2) Во-вторых, показываются разные блоки, напр для десктопа большие банеры, а для мобильной версии адаптивные.

Просветите пжста, как это можно реализовать? Спасибо.

Напалускр
На сайте с 06.02.2019
Offline
38
#1

если на wordpress - лучше плагина WP-INSERT ничего нет. если что-то другое - скорее всего надо будет проверять HTTP_USER_AGENT

A
На сайте с 12.10.2011
Offline
186
#2
Напалускр:
если на wordpress - лучше плагина WP-INSERT ничего нет. если что-то другое - скорее всего надо будет проверять HTTP_USER_AGENT

CMS рукописный, т.е. проверять я смогу.. вопрос в другом, как это реализовать (не технически, а по сути), если у кого то есть опыт пжста напишите

lkm
На сайте с 16.03.2012
Offline
346
lkm
#3

Что может быть проще? В зависимости от размера экрана показывать или не показывать тот или иной блок. В этом же суть того, что вы якобы разрабатываете.

P
На сайте с 26.04.2010
Offline
349
#4

alexverem, если надо выводить в разных местах, проще будет использовать CSS. В зависимости от размера экрана делать display: none у того или иного блока.

В этой справке https://support.google.com/adsense/answer/6307124?hl=ru в конце есть пример скрытия рекламного блока.

A
На сайте с 12.10.2011
Offline
186
#5

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

F
На сайте с 31.05.2014
Offline
58
#6

1) Использую адаптивные блоки

2) Использую

<script>

if (window.screen.width > 990) {

document.write ('<!-- ads_2 --><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-XXXXXXXXXXX" data-ad-slot="XXXXXXXX"></ins>');

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

}

</script>

P
На сайте с 26.04.2010
Offline
349
#7

Под первым-вторым абзацем везде рулит.

Адаптив требует настройки отдельно для компов и мобил. Натив просто можно вставить.

A
На сайте с 12.10.2011
Offline
186
#8
plab:
Под первым-вторым абзацем везде рулит.

Адаптив требует настройки отдельно для компов и мобил. Натив просто можно вставить.

Не могли бы пояснить в чем именно заключается суть настройки адаптива?

P
На сайте с 26.04.2010
Offline
349
#9

На компах если не задать размер стилями css, адаптив выглядит как узкий по высоте банер. Раньше на мобилах также было. Как сейчас гугл его адаптирует точно не скажу. Последний раз когда тестировал на мобилах был высотой не меньше 250.

Натив всегда остается высоким.

skybee
На сайте с 16.12.2009
Offline
126
#10
faith:
1) Использую адаптивные блоки
2) Использую
<script>
if (window.screen.width > 990) {
document.write ('<!-- ads_2 --><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-XXXXXXXXXXX" data-ad-slot="XXXXXXXX"></ins>');
(adsbygoogle = window.adsbygoogle || []).push({});
}
</script>

++

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

В места где нужно выводить рекламу стоят "маркеры" типа: <span class="googleAds" blockname="top-block"></span>

А отдельный JS уже распихивает блоки в соответствующие места, в зависимости от размеров экрана.

12

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