pular para o conteúdo [1]

Artigos sobre Front-End e Programação web

Detectando usuários mobile

| 0 Comentários

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:

Site com Scripts para detectar o dispositivo do usuário

  • 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.

Deixe uma resposta

Campos obrigatórios *.



*

Topo