Перенаправление для мобильных устройств с помощью .htaccess


Нередко на некоторых ресурсах можно встретить две версии сайта: для компьютеров (ноутбуков) и для мобильных устройств: телефонов, планшетов, айфонов, айпадов и других блекберри. Недавно встала задача сделать автоматическое перенаправление посетителей, которые зашли с таких мобильных устройств, на специальную мобильную версию сайта. Причем сделать это, отредактировав файл под названием .htaccess.

Покопавшись в интернете, я обнаружил решение, однако на сайте оно не заработало.Для того, чтобы оно заработало, пришлось покопаться еще. Здесь я привожу полный вариант кода.

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} "android|blackberry|googlebot-mobile|iemobile|ipad|iphone|ipod|opera mobile|palmos|webos" [NC]
RewriteCond %{HTTP_REFERER} !^http:\/\/(www\.)?site\.ru\/m\/(index.php)?$
RewriteRule ^$ http://upread.ru/m/index.php [L,R=302]
</IfModule>
Этот код необходимо вставить в файл .htaccess, который располагается в корневой директории вашего сайта - там где располагается index.php, index.html, index.php - или какая там у вас начальная/главная страница. Если такого файла нет, то его надо создать - это обычный текстовый файл, но без расширения .txt.

В данном случае код работает так: если пользователь заходит с мобильного устройства (список платформ и устройств в третьей строке), то его автоматически перебрасывает на страницу http://upread.ru/m/index.php. Можно также использовать этот код и для поддоменов, например, m.upread.ru/index.php или mobile.upread.ru/index.php - все зависит от вашей фантазии.

Однако, пользователю может захотеться посмотреть полную версию с сайта именно с мобильного устройства. В этом случае на странице http://upread.ru/m/index.php ставим ссылку вида <href="//upread.ru/index.php"></a>, то есть на главную страницу сайта. За перенаправление отвечает четвертая строка в файле .htaccess - если рефер данная ссылка, то посетителя перебрасывает на основной сайт.

Если у вас под рукой нет айфона, телефона с оперой мини или планшета с андроидом, то можно проверить успешность размещения кода с помощью одного дополнения для браузера Mozilla Firefox под названием User Agent Switcher. После установки дополнения в пункте меню инструменты появится подпункт "Default User Agent" - в нем можно выбрать, кем притвориться для сервера - айфоном, роботом-поисковиком либо установить свои настройки для любого устройства.

Проверить, как работает этот код можно на моем блоге, зайдя с любого устройства :). Если у вас что-то не получается, то за небольшую плату я могу помочь вам все настроить - просто напишите на почту up777up@yandex.ru. Удачного вам кодинга и перенаправлений!

UPDATE

Проверить перенаправление на мобильную версию на моем блоге уже не получится - сделана адаптация для мобильных.
Автор этого материала - я - Пахолков Юрий. Я оказываю услуги по написанию программ на языках Java, C++, C# (а также консультирую по ним) и созданию сайтов. Работаю с сайтами на CMS OpenCart, WordPress, ModX и самописными. Кроме этого, работаю напрямую с JavaScript, PHP, CSS, HTML - то есть могу доработать ваш сайт или помочь с веб-программированием. Пишите сюда.

тегистатьи IT, htaccess, перенаправление, телефоны




Отправляя сообщение я подтверждаю, что ознакомлен и согласен с политикой конфиденциальности данного сайта.




Ужасы, серия убийств и унижаемый мальчик
Создать Excel в visual studio c#
Урок 18. Создание строк с помощью String.Format C#