Как заменить баннер если посетитель с телефона?

12
M
На сайте с 03.02.2010
Offline
146
1327

Как можно определить что посетитель зашёл с телефона на андроиде и заменить баннер на сайте? Т.е для обычных пользователей один баннер, а для тех кто с андроида другой.

Playerror
На сайте с 28.09.2008
Offline
152
#1

Например можно через css с ипользование mediaqueries подменять баннер.

Оптимизайка
На сайте с 11.03.2012
Offline
396
#2

Зависит от того, что за баннер - как выводите обычно

⭐ BotGuard (https://botguard.net) ⭐ — защита вашего сайта от вредоносных ботов, воровства контента, клонирования, спама и хакерских атак!
K
На сайте с 03.06.2015
Offline
45
#3

Кажется это объект navigator в js.

MYSQL PHP JS HTML CSS SEO TXT США СССР
MO
На сайте с 25.09.2010
Offline
49
#4
meteora:
Как можно определить что посетитель зашёл с телефона на андроиде и заменить баннер на сайте? Т.е для обычных пользователей один баннер, а для тех кто с андроида другой.

делаешь 2 баннера.

один display:block; второй display:none;

в медиа запросах делаешь условие для экранов <768px (телефоны) - display: block; для второго и display: none; для первого (тобишь наоборот)

M
На сайте с 03.02.2010
Offline
146
#5
Оптимизайка:
Зависит от того, что за баннер - как выводите обычно

Обычная jpg картинка

MNeO:
делаешь 2 баннера.
один display:block; второй display:none;
в медиа запросах делаешь условие для экранов <768px (телефоны) - display: block; для второго и display: none; для первого (тобишь наоборот)

Дописал вот так в css, не работает почему то


@media screen and (max-width:768px){
#banner1{
display: none;
}

#banner2{
display: block;
}
}


#banner1{
display: block;
}

#banner2{
display: none;
}

Но нужно определить что это андроид, чтобы для ios не показывалось

Ragnarok
На сайте с 25.06.2010
Offline
239
#6

meteora, @media screen сделайте ниже чем просто

>Но нужно определить что это андроид, чтобы для ios не показывалось

тут уже нужно смотреть в сторону определения OS

//TODO: перестать откладывать на потом
Оптимизайка
На сайте с 11.03.2012
Offline
396
#7

<script>

if (navigator.userAgent.indexOf("Android") == -1)

document.write("<img src='баннер обычный'/>");

else

document.write("<img src='баннер Android'/>");

</script>

K
На сайте с 03.06.2015
Offline
45
#8

Да, уровень подготовки личного состава крайне неудовлетворительный. С одного слова команду не понимают. :)

M
На сайте с 03.02.2010
Offline
146
#9
Оптимизайка:
<script>
if (navigator.userAgent.indexOf("Android") == -1)
document.write("<img src='баннер обычный'/>");
else
document.write("<img src='баннер Android'/>");
</script>

Спасибо, то что надо:)

Brutality
На сайте с 06.01.2011
Offline
153
#10

Меня не устраивает Responsive блок в Adsense, он работает некорректно. Можно как-то реализовать для объявлений Гугла подобное? Чтобы при разных разрешениях экрана загружались разные коды Adsense. Подскажите, пожалуйста, если кто-то знает готовые решения :)

* Вероятно, лучший хостинг: выбор Pikabu, AdmitAd, Maxim, ЯП и др. Дата-центры в Европе и США (http://clc.to/fx). Цены от 1 евро * ПРОМОКОДЫ, скидки на хостинг и серверы: FastVPS, Inferno, Fornex, Fozzy (http://clc.to/pc)
12

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