Hoje em dia muito se fala em site responsivo. Porém às vezes se faz necessário criar um site separado para dispositivos móveis e outro para navegadores desktop. Nesse caso, seu objetivo é fazer o usuário acessar uma única url e ser automaticamente encaminhado ao site apropriado para seu dispositivo.
Para redirecionar dispositivos móveis a um site com versão móbile precisamos detectar qual é o dispositivo de entrada, se é móvel ou não. Isso pode ser feito também no lado do cliente, mas o mais seguro é fazer no servidor mesmo.
O site Detect Mobile Browsers fornece scripts que são capazes de detectar o meio de acesso ao site. O script é oferecido em várias linguagens:
- Apache
- ASP
- ASP.NET
- ColdFusion
- C#
- IIS
- JSP
- JavaScript
- jQuery
- Lasso
- nginx
- node.js
- PHP
- Perl
- Python
- Rails
Configurando seu script
Após entrar no site e baixar o script desejado devemos fazer dois ajustes rápidos e simples no arquivo. Para um rápido exemplo vou mostrar como fazer o redirecionamento usando a linguagem PHP. Vamos a eles!
A segunda linha do arquivo é algo igual ou parecido com $useragent=$_SERVER[‘HTTP_USER_AGENT’];. ‘HTTP_USER_AGENT’ deve ser alterada pelo nome de sua hospedagem (www.seusite.com.br) ou localhost caso esteja fazendo em seu próprio computador.
A segunda alteração deve ser feita na linha header(‘Location: http://detectmobilebrowser.com/mobile’); você deve substituir o endereço http://detectmobilebrowser.com/mobile pelo seu endereço móbile, ou sejá, para onde deseja encaminhar seus visitante caso acessem seu site por um dispositivo móvel.
Não se esqueça de adicionar a chamada do arquivo baixado no seu arquivo index da seguinte forma <?php requere_once(‘redirect.php’)?>. Feito os passos acima é só testar o redirecionamento aplicado pelo script.
Siga-me no Twitter: @kadunew ou assine nosso Feed e fique por dentro de todas atualizações aqui do blog.