Всплывающее окно Android посетителям сайта

M
На сайте с 12.09.2006
Offline
88
1865

Помогите с кодом всплывающего окна для посетителя, впервые просматривающего сайт с Android девайса (предложение скачать приложение). Перелопатил и Яндекс и Гугл - не могу найти ничего (не так ищу? после апа расколбас?).

Буду очень благодарен за помощь!

ДП
На сайте с 23.11.2009
Offline
203
#1

1. Определить ОС пользователя сайта по User-Agent'у браузера - можно как на сервере (http://mobiledetect.net/), так и на клиенте.

2. Показать попап - тут думаю вопросов нет.

3. Запомнить пользователя - поставить куку и в первом пункте проверяеть её отсутствие.

M
На сайте с 12.09.2006
Offline
88
#2
Дикий пионер:
1. Определить ОС пользователя сайта по User-Agent'у браузера - можно как на сервере (http://mobiledetect.net/), так и на клиенте.
2. Показать попап - тут думаю вопросов нет.
3. Запомнить пользователя - поставить куку и в первом пункте проверяеть её отсутствие.

Спасибо, но логику работы скрипта я понимаю, трудности у меня возникают с кодом...

vkusnoserver
На сайте с 30.04.2011
Offline
104
#3

1. PHP-часть редиректа (ставим куку и делаем редирект по user agent, как и сказал Дикий пионер).

<?php
if(isset($_GET['mVar'])){
session_start();
$_SESSION['views']=1;
}


if(!$_SESSION['views'] == 1){
if ($_SERVER["QUERY_STRING"] == null){
echo "
<script type=\"text/javascript\">
if( /Android/i.test(navigator.userAgent) ) {
window.location.replace('http://www.domain.com/checkmobile.php');}
</script>
";
}
}
?>

2. Качаем библиотеку jQuery и Fancybox.


<script type="text/javascript"
src="http://code.jquery.com/jquery-1.7.2.js"></script>

<!-- Пути к JS и CSS файлами fancyBox -->
<script type="text/javascript"
src="http://www.domain.com/source/jquery.fancybox.js"></script>
<link rel="stylesheet" type="text/css"
href="http://www.domain/source/jquery.fancybox.css"
media="screen" />

3. CSS-стиль.


.fancybox-custom .fancybox-skin {
box-shadow: 0 0 50px #222;
}

4. Подгружаем popup через jQuery.


jQuery(document).ready(function () {
jQuery.fancybox({
'width': '75%',
'height': '75%',
'autoScale': true,
'transitionIn': 'fade',
'transitionOut': 'fade',
'type': 'iframe',
'href': 'popupbox.htm'
});
});

$(document).ready(function(){

$('.fancybox-item').live('click', function(e) {
window.location.replace("http://www.domain.com?mVar=1");
});
});

Оригинал

Скидки на хостинг (/ru/forum/629944) | Конфигуратор (http://www.vkusnoserver.ru/link.php?id=31) | Администрирование (/ru/forum/871196) CEO собственной персоной - skype: vkusnoandy
M
На сайте с 12.09.2006
Offline
88
#4

Спасибо, буду разбираться!

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