|
|
|
|
|
Всем привет!
Подскажите, как можно сделать такое - на сайте есть блок баннеров, предназначенный для PC-юзеров. Мобильные юзеры на этой рекламе не могут сконвертиться, а их около 30% всего трафа.
Код блока баннеров:
| Код: |
<div id="promo">
<a href=http://ya.ru><img src=PC_1.jpg></a>
</div>
|
Возможно ли сделать так, что JS будет определять User-Agent посетителя сайта, если User-Agent будет из списка заданных (мобильные), то он заменит содержимое <div id="promo">...</div> на другое:
| Код: |
<div id="promo">
<a href=http://google.ru><img src=MOBILE_1.jpg></a>
</div>
|
Если заменить содержимое <div> технически невозможно, то можно ли сделать наложение поверх этого <div> скрытого <div> с содержимым для мобильных?
Определение User-Agent:
| Код: |
<script>
if (navigator.userAgent.indexOf('iPhone') != -1) osname = "iPhone";
if (navigator.userAgent.indexOf('iPad') != -1) osname = "iPad";
if (navigator.userAgent.indexOf('Blackberry') != -1) osname = "Blackberry";
if (navigator.userAgent.indexOf('Android') != -1) osname = "Android";
else osname = "Other";
</script>
|
А как заменить содержимое <div>?
Подскажите пожалуйста!
Заранее большое спасибо!  |
|
|
|
|
|
| Код: |
<script>
var element=document.getElementById("promo");
element.innerHTML="New Promo";
</script>
|
Примерно так... |
|
|
|
|
|
exolon, спасибо!
Буду думать, как все это воедино собрать.
 |
|
|
|
|
|
|
|
|
