Перенаправление на мобильную версию сайта [РЕШЕНО]

[VictorSo]

Всем привет! Создал ребятам сайт: www.spec-master26.ru
Запустили рекламу Яндекс.Директ, все отлично, но решили что большинство людей заходят на сайт с мобильных.
По этому поводу создал мобильную версию сайта и залил ее на поддомен m.spec-master26.ru
Теперь вот думаю как сделать так , что бы сайт автоматически определял что человек заходит с мобильного устройства и перенаправлял его на мобильную версию.
Сразу скажу что несколько раз перепрочитал единственное обсуждение про мобильные версии сайтов на форуме, но определенных шагов к действию там не увидел, да и не понял особо ничего.
Порылся в интернете , нашел сервис API Яндекс Детектор, но как им воспользоваться не понял.
Так же нашел вот эту вот статью но тоже что именно сделать я не врубаюсь.
Помогите пожалуйста, друзья!

[Alex]

Что то сайт у вас странный, одной картинкой или так сделано специально зачем то?

[VictorSo]

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

[anonimus]

Всем привет! Создал ребятам сайт: http://www.spec-master26.ru

клёвый сайт

[Alex]

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

Вы задали новое направление в строительстве сайтов

[anonimus]

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

Вы задали новое направление в строительстве сайтов

я уже такое направление встречал
кстати не очень хорошее направление и особенно для мобильных версий

кстати, посмотрел сайт на телефоне андроид и фон половина чёрный, половина белый
и ТС не учитывает, что не все ходят с огромными смартфонами
у меня например небольшой и с экраном 320x480, а картинка никак не влезает в такой экран

[VictorSo]

Добавил в Webbuilder на странице (основного сайта) два готовых скрипта: mobile redirection и iPhone redirection.
В обоих указал адрес мобильной версии сайта http//m.spec-master.ru/
Захожу с айфона в яндекс, нахожу свой сайт, захожу, но он меня никуда не перенаправляет, что делать? Скриншоты прилагаются.
На счет изображения, это наверное потому что в данный момент публикацией занимался, и ты зашел прям вовремя, обычно проблем с открытием сайта нет. Или ты думаешь что это из за того что весь сайт одним изображением сделал?

[anonimus]

аверное потому что в данный момент публикацией занимался, и ты зашел прям вовремя, обычно проблем с открытием сайта нет. Или ты думаешь что это из за того что весь сайт одним изображением сделал?

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

[VictorSo]

Хорошая идея про номер телефона, спасибо, так и сделаю( если я правильно понимаю нужно просто сделать номер не картинкой а текстом).Так а что делать с перенаправлением все таки?

[anonimus]

Так а что делать с перенаправлением все таки?

можно вставить такой код

Код: Выделить всё

<?php

$iphone = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone");
$android = strpos($_SERVER['HTTP_USER_AGENT'],"Android");
$palmpre = strpos($_SERVER['HTTP_USER_AGENT'],"webOS");
$berry = strpos($_SERVER['HTTP_USER_AGENT'],"BlackBerry");
$ipod = strpos($_SERVER['HTTP_USER_AGENT'],"iPod");
$mobile = strpos($_SERVER['HTTP_USER_AGENT'],"Mobile");
$symb = strpos($_SERVER['HTTP_USER_AGENT'],"Symbian");
$operam = strpos($_SERVER['HTTP_USER_AGENT'],"Opera M");
$htc = strpos($_SERVER['HTTP_USER_AGENT'],"HTC_");
$fennec = strpos($_SERVER['HTTP_USER_AGENT'],"Fennec/");
$winphone = strpos($_SERVER['HTTP_USER_AGENT'],"WindowsPhone");
$wp7 = strpos($_SERVER['HTTP_USER_AGENT'],"WP7");
$wp8 = strpos($_SERVER['HTTP_USER_AGENT'],"WP8");
if ($ipad || $iphone || $android || $palmpre || $ipod || $berry || $mobile || $symb || $operam || $htc || $fennec || $winphone || $wp7 || $wp8 === true) {
    header('Location: http://m.xxxxxxxxxx.ru');
}

?>

[anonimus]

а ещё проще в файл .htaccess прописать следующее:

Код: Выделить всё

RewriteEngine On
RewriteCond %{REQUEST_URI} !^/m/.*$
RewriteCond %{HTTP_ACCEPT} "text/vnd.wap.wml|application/vnd.wap.xhtml+xml" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "acs|alav|alca|amoi|audi|aste|avan|benq|bird|blac|blaz|brew|cell|cldc|cmd-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "dang|doco|eric|hipt|inno|ipaq|java|jigs|kddi|keji|leno|lg-c|lg-d|lg-g|lge-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT}  "maui|maxo|midp|mits|mmef|mobi|mot-|moto|mwbp|nec-|newt|noki|opwv" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "palm|pana|pant|pdxg|phil|play|pluc|port|prox|qtek|qwap|sage|sams|sany" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "sch-|sec-|send|seri|sgh-|shar|sie-|siem|smal|smar|sony|sph-|symb|t-mo" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "teli|tim-|tosh|tsm-|upg1|upsi|vk-v|voda|w3cs|wap-|wapa|wapi" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "wapp|wapr|webc|winw|winw|xda|xda-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "up.browser|up.link|windowssce|iemobile|mini|mmp" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "symbian|midp|wap|phone|pocket|mobile|pda|psp" [NC]
#------------- Строка ниже исключает iPad
RewriteCond %{HTTP_USER_AGENT} !^.*iPad.*$
#-------------
RewriteCond %{HTTP_USER_AGENT} !macintosh [NC]
RewriteRule ^(.*)$ /m/ [L,R=302]

[VictorSo]

Так а что делать с перенаправлением все таки?

можно вставить такой код

Код: Выделить всё

<?php

$iphone = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone");
$android = strpos($_SERVER['HTTP_USER_AGENT'],"Android");
$palmpre = strpos($_SERVER['HTTP_USER_AGENT'],"webOS");
$berry = strpos($_SERVER['HTTP_USER_AGENT'],"BlackBerry");
$ipod = strpos($_SERVER['HTTP_USER_AGENT'],"iPod");
$mobile = strpos($_SERVER['HTTP_USER_AGENT'],"Mobile");
$symb = strpos($_SERVER['HTTP_USER_AGENT'],"Symbian");
$operam = strpos($_SERVER['HTTP_USER_AGENT'],"Opera M");
$htc = strpos($_SERVER['HTTP_USER_AGENT'],"HTC_");
$fennec = strpos($_SERVER['HTTP_USER_AGENT'],"Fennec/");
$winphone = strpos($_SERVER['HTTP_USER_AGENT'],"WindowsPhone");
$wp7 = strpos($_SERVER['HTTP_USER_AGENT'],"WP7");
$wp8 = strpos($_SERVER['HTTP_USER_AGENT'],"WP8");
if ($ipad || $iphone || $android || $palmpre || $ipod || $berry || $mobile || $symb || $operam || $htc || $fennec || $winphone || $wp7 || $wp8 === true) {
    header('Location: http://m.xxxxxxxxxx.ru'); 
}

?>

Думаю для меня все таки этот способ будет проще, спасибо за ответ, но куда его вставлять? Захожу в Старница-исходник страницы- и что выбрать, куда именно его вставлять, и еще мне нужно что либо заменять в этих строчках на свое?(например адрес сайта). Заранее спасибо за ответ, понимаю, и так подробно отвечаете.

[GILMOR]

хах )) сайт то еще и через билдер сделан ))

[megadialer]

Что то сайт у вас странный, одной картинкой или так сделано специально зачем то?

Скажите, как пользоваться данным скриптом? Надо сначала создать вторую версию сайта с адресом http://www.mysite.ru/mobile или надо скрипт растянуть по всей ширине и длине исходного сайта? Я попробовал ввести ввести адрес созданного сайта, но ничего не происходит

[megadialer]

Так а что делать с перенаправлением все таки?

можно вставить такой код

Код: Выделить всё

<?php

$iphone = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone");
$android = strpos($_SERVER['HTTP_USER_AGENT'],"Android");
$palmpre = strpos($_SERVER['HTTP_USER_AGENT'],"webOS");
$berry = strpos($_SERVER['HTTP_USER_AGENT'],"BlackBerry");
$ipod = strpos($_SERVER['HTTP_USER_AGENT'],"iPod");
$mobile = strpos($_SERVER['HTTP_USER_AGENT'],"Mobile");
$symb = strpos($_SERVER['HTTP_USER_AGENT'],"Symbian");
$operam = strpos($_SERVER['HTTP_USER_AGENT'],"Opera M");
$htc = strpos($_SERVER['HTTP_USER_AGENT'],"HTC_");
$fennec = strpos($_SERVER['HTTP_USER_AGENT'],"Fennec/");
$winphone = strpos($_SERVER['HTTP_USER_AGENT'],"WindowsPhone");
$wp7 = strpos($_SERVER['HTTP_USER_AGENT'],"WP7");
$wp8 = strpos($_SERVER['HTTP_USER_AGENT'],"WP8");
if ($ipad || $iphone || $android || $palmpre || $ipod || $berry || $mobile || $symb || $operam || $htc || $fennec || $winphone || $wp7 || $wp8 === true) {
    header('Location: http://m.xxxxxxxxxx.ru');
}

?>

Скажите, пожалуйста, а куда вставить такой код? в между тегами body или в теге head...?

[Slowin]

Ребят и в правду кто разобрался подскажите или этот код вставлять чтоб перенапровления было или в яндекс директе настроить что она определял с какого устройства зашли и перенапровлял.?

[gladiolus0707]

Ребят и в правду кто разобрался подскажите или этот код вставлять чтоб перенапровления было или в яндекс директе настроить что она определял с какого устройства зашли и перенапровлял.?

Используйте расширение которое есть в билдере(о нём выше написано) Создайте мобильную версию(к примеру на поддомене) и на него в этом расширении впишите ссылку.

[gladiolus0707]

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

[zline]

Та-же самая беда!!! Решил обновить свой сайтик и столкнулся с проблемой отображения на планшете на с разрешением 1920x1080 обрезает немного и немного сьезжают кнопки и на мониторах с разрешением до 1024 та же история. Все что выше обычного Hd идеально.
Размер слоя 1000х5000
Опыта в работе нету, познания черпал из нета.
Тоже прошу помощи!!!
Собственно: zline.com.ua

[ravler]

Отличный способ! Но, возникает вопрос. Если посетителя переадресовало на мобильную версию, а он хочет перейти на полную версию (например нажав ссылку "полная версия") то он этого сделать не сможет?! Подскажите пожалуйста, как сделать чтобы посетитель с мобильного устройства мог также просматривать и полную версию. Спасибо.