Ir ao conteúdo
  • Cadastre-se
mathiasdataamerica

Redirecionamento de páginas de acordo com o os

Recommended Posts

Olá,

 

Estou desenvolvendo uma página para baixar um app, que se encontra em www.aplicativofamintos.com/download.

 

Preciso incorporar um código que redirecione da seguinte forma:

Para o OS iOS - direcionar para https://itunes.apple.com

Para o OS Android - direcionar para https://play.google.com

Para Windows Mobile - direcionar para https://store.windows.com

Se estiver acessando a página pelo navegador, que direcione para https://aplicativofamintos.com/plataforma.

 

Como fazer o redirecionamento? Estou sem ideias. :(

 

Meu código fonte da página atual é esse:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Download do Aplicativo Famintos!</title>
<style type="text/css">
body {
    background-image: url(http://aplicativofamintos.com/sistema/img/bg_f.jpg);
    background-repeat: repeat;
    text-align: center;
}
.adv {
    font-family: Adventure, "Adventure Hollow";
    color: #FFF;
    font-size: 36px;
}
a:link {
    color: #F00;
}
</style>
</head>
<body>
<p> </p>
<p><img src="../sistema/img/carregando.gif" width="120" height="120" /></p>
<img src="aguarde.png" width="186" height="34" alt=""/>
<table width="153" border="0" align="center">
  <tr> </tr>
</table>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  ga('create', 'UA-78282400-1', 'auto');
  ga('send', 'pageview');
</script>
<p class="adv" style="font-family: Arial, Helvetica, sans-serif; font-size: 18px;">Estamos identificando seu Dispositivo</p>
</body>
</html>


 

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

@mathiasdataamerica Primeiramente seja bem vindo em nosso Fórum do Clube do Hardware.

 

Basta fazer uma verificação de user agent do navegador e usar a expressão regular.

Por exemplo:

$(document).ready(function(){
    var deviceAgent = navigator.userAgent.toLowerCase();
    var agentID = deviceAgent.match(/(iphone|android|Windows Phone)/);

    if (agentID == "iphone") {
          location="URL para a pagina do itunes";
    } else if(agentID == "android") {
          location="URL para google play";
  }else if(agentID == "Windows Phone"){
    	  location="URL para windows phone";
  }else{
       location="URL para o navegador do PC";
  }  

});

Basicamente é isso.  Testar o navegador e usar expressão regular para filtra-los.

Depois disso é só usar um IF- ELSE para redirecionar de acordo.

PS: usei o jQuery.. então antes de tudo  carregue ele primeiro:

 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>

 

  • Curtir 1

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×