Cómo agregar una barra de descarga en la aplicación móvil

N

nelion9

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 6 Jul 2016

• #1

Buenas, estaba viendo la página de feverup.com desde el móvil y he visto que sale una barra para descargar la aplicación, cosa que en el PC no sale y que según el dispositivo sale una barra u otra, por lo que me gustaría saber como se podría poner esa barra ya que no sé.

Saludos de antemano.

 

O

onirix

Alfa

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 2 Ago 2016

• #2

Hola,

No sé si he interpretado bien la cuestión, pero existen maneras de detectar el dispositivo desde el cual se hace la petición web y en función de ello ofrecer distintas opciones, tal como la barra de descarga de la app. Por ejemplo el tamaño de pantalla no es difícil de averiguar mediante la API del navegador, y tras verficar que corresponde a un smartphone, ofrecer una opción de descarga de app en el menú.

Saludos.

 

N

nahu55

Alfa

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 4 Ago 2016

• #3

Con css podes detectar el tamaño de la pantalla de los moviles y activar la barra

#appBarra{display:none;}
[MENTION=16931]medi[/MENTION]a screen and (max-width:680px){
#appBarra{display:block;}
}

 

K

katteo

Curioso

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 15 Sep 2016

• #4

Eso se llama Responsive Web Design, puedes hacer que se muestren cosas para dispositivos móviles, que no se verían en otros tamaños y viceversa, se usan media queries para lograr ese resultado.

 

ramifenili

Eta

Diseñador

• 15 Sep 2016

• #5

¡Buenas! En el caso de iOS, se coloca un meta en tu página web.

iOS

<meta name="apple-itunes-app" content="app-id=IDAPP"/>

Hacer clic para expandir...

Y tengo entendido que para Android no hay nada que venga por defecto, podés ver alguna de estas librerías para implementarlo :encouragement:
Además de Android, las implementa para Android.

Las encontré en esta entrada: https://blog.branch.io/how-to-setup...anner-with-deep-linking-and-download-tracking

La más completa: https://github.com/BranchMetrics/web-branch-deep-linking
Simple con jQuery: https://github.com/jasny/jquery.smartbanner
Simple sin jQuery: https://github.com/kudago/smart-app-banner