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

12
A
На сайте с 12.10.2011
Offline
155
1645

Всем привет!

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

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

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

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

Н
На сайте с 06.02.2019
Offline
2
#1

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

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

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

L
На сайте с 16.03.2012
Offline
296
lkm
#3

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

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

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

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

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

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

F
На сайте с 31.05.2014
Offline
49
#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
223
#7

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

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

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

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

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

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

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

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

skybee
На сайте с 16.12.2009
Offline
123
#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

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