Перенаправление для мобильных устройств с помощью .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 - то есть могу доработать ваш сайт или помочь с веб-программированием. Пишите сюда.
Читайте также:
Отправляя сообщение я подтверждаю, что ознакомлен и согласен с политикой конфиденциальности данного сайта.